开发工具与关键技术: vs 富文本编辑器
作者: 周乐献
撰写时间: 2019 年 6月 18 日
富文本是
var editorNotice;//富文本编辑器
var tabFiles;//附件表格
var layer, layuiTable;//保存layui模块以便全局使用
var layerIndex;
$(function () {
// 初始化 ckeditor富文本编辑器
editorNotice = CKEDITOR.replace('NoticeContent');
createSelect("selectNoticeType", "SelectNoticeTypeForSelect");
$("#selectNoticeType").change(function () {
var noticeTypeId = $("#selectNoticeType").val();
createSelect("selectNoticeTypeDetail", "SelectNoticeTypeDetailForSelect?noticeTypeId=" + noticeTypeId);
});
$("#collapseOverhead").collapse({ toggle: false });
//当用户选择显示在轮播时显示 collapse
$("#cNoticeCarousel").change(function () {
//判断选中
if (document.getElementById("cNoticeCarousel").checked) {
//显示DIV
$("#collapseOverhead").collapse('show');
} else {
//隐藏DIV
$("#collapseOverhead").collapse('hide');
}
});
//加载和初始化layui模块
layui.use(['layer', 'table'], function () {
layer = layui.layer;
layuiTable = layui.table;
tabFiles = layuiTable.render({
elem: "#tabFiles",//html table id
cols: [[ //表头
//{ type: 'checkbox', fixed: 'left' },
{ type: 'numbers', title: '序号' },//序号列,
{ field: 'FileTypeName', title: '文件类型' },
{ field: 'Files', title: '文件' },
{ field: 'FileName', title: '文件名称' },
{ title: '操作', templet: setRemoveButton, width: 160, align: 'center', fixed: 'right' }//width: 160 指定宽度,align 指定对其方式
]],
page: {
limit: 10,
limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项
}, //开启分页
data: []
});
//监听行单击事件(单击事件为:rowDouble)
layuiTable.on('row(tabFiles)', function (obj) {
var data = obj.data;//获取点击行数据
//标注选中样式
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
});
tabFilesRefresh();
});
})