layui unresize

"layui unresize" 是指使用 layui 框架开发的文本编辑器中，禁用编辑器的大小调整功能。通常情况下，layui 的文本编辑器是可以拖动调整大小的，但有时候我们希望禁用这个功能，可以通过以下代码实现：

layui.use('layedit', function(){
  var layedit = layui.layedit;
  
  layedit.build('demo', {
    // 禁用编辑器的大小调整功能
    unresize: true
  });
});

其中，'demo' 是指定需要渲染的文本编辑器的元素 ID。

相关问题

根据以下代码 写一个编辑功能 layui.use(['form', 'table'], function () { var $ = layui.jquery, form = layui.form, table = layui.table; table.render({ cellHeight: 300, elem: '#demo', method: 'post', url: "{:url('/manage/aboutuslist/aboutuslist/index')}", toolbar: '#toolbarDemo', defaultToolbar: ['filter', 'exports', 'print', { title: '提示', layEvent: 'LAYTABLE_TIPS', icon: 'layui-icon-tips' }], cols: [ [{ type: "checkbox", width: 50 }, { field: 'id', width: 100, title: 'ID', unresize: true, sort: true }, { field: 'img_url', width: 400, title: '图片', templet: '<div> <img class="bianping" src="{{d.img_url}}"/></div>' }, { field: 'typeId', width: 150, title: '位置' }, { field: 'title', width: 180, title: '标题' }, { field: 'addtime', width: 180, title: '添加时间', templet: function (d) { return layui.util.toDateString(d.addtime * 1000, "yyyy-MM-dd HH:mm") } }, { fixed: 'right', title: '操作', toolbar: '#barOp', width: "16%" } ] ], limits: [5, 10, 15, 20, 50, 100], limit: 5, first: "首页", last: "尾页", page: true, skin: 'line', }); table.on('tool(tab)', function (obj) { var data = obj.data.id; var mid = obj.id; parent.layer.open({ type: 2, title: '新增信息', amin: 4, shadeClose: true, shade: 0.8, area: ['53%', '60%'], content: "{:url('/manage/aboutuslist/aboutuslist/edit/id" + mid + "')}", end: function () { $(".layui-laypage-btn").click(); } }); }); });

根据代码，这是一个使用layui框架搭建的表格，其中包含了一个编辑功能。具体步骤如下：

1. 在cols中添加一个操作列，设置fixed属性为right，width属性为固定值，比如"16%"，并在该列中添加一个编辑按钮，设置toolbar属性为"#barOp"，如下所示：

cols: [
  [
    { type: "checkbox", width: 50 },
    { field: 'id', width: 100, title: 'ID', unresize: true, sort: true },
    { field: 'img_url', width: 400, title: '图片', templet: '<div> <img class="bianping" src="{{d.img_url}}"/></div>' },
    { field: 'typeId', width: 150, title: '位置' },
    { field: 'title', width: 180, title: '标题' },
    { field: 'addtime', width: 180, title: '添加时间', templet: function (d) { return layui.util.toDateString(d.addtime * 1000, "yyyy-MM-dd HH:mm") } },
    { fixed: 'right', title: '操作', toolbar: '#barOp', width: "16%" }
  ]
]

2. 在页面中添加一个编辑工具条，设置id属性为"barOp"，如下所示：

<script type="text/html" id="barOp">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
</script>

3. 在table.on('tool')事件中添加编辑功能的实现代码，在该事件中判断如果点击的是编辑按钮，则通过obj.data.id获取当前行的id，然后弹出一个编辑页面，如下所示：

table.on('tool(tab)', function (obj) {
  var data = obj.data;
  if (obj.event === 'edit') {
    var mid = data.id;
    parent.layer.open({
      type: 2,
      title: '编辑信息',
      amin: 4,
      shadeClose: true,
      shade: 0.8,
      area: ['53%', '60%'],
      content: "{:url('/manage/aboutuslist/aboutuslist/edit/id" + mid + "')}",
      end: function () {
        $(".layui-laypage-btn").click();
      }
    });
  }
});

4. 在编辑页面中实现编辑功能。具体实现方式因具体情况而异，这里不再赘述。

综上所述，根据以上代码，可以实现一个编辑功能。

优化以下代码 layui.use(['form', 'table'], function () { var $ = layui.jquery, form = layui.form, table = layui.table; table.render({ cellHeight: 300, elem: '#demo', method:'post', url: "{:url('/manage/aboutuslist/aboutuslist/index')}", toolbar: '#toolbarDemo', defaultToolbar: ['filter', 'exports', 'print', { title: '提示', layEvent: 'LAYTABLE_TIPS', icon: 'layui-icon-tips' }], cols: [ [ {type: "checkbox", width: 50}, {field: 'id', width: 100, title: 'ID', unresize:true, sort: true}, {field: 'img_url', width: 400, title: '图片', templet:'<div> <img class="bianping" src="{{d.img_url}}"/></div>'}, {field: 'typeId', width: 150, title: '位置'}, {field: 'title', width: 180, title: '标题'}, {field: 'addtime', width: 180, title: '添加时间', templet:function (d){return layui.util.toDateString(d.addtime * 1000, "yyyy-MM-dd HH:mm")}}, { fixed: 'right', title: '操作', toolbar: '#barOp', width: "16%" } ] ], limits: [5, 10, 15, 20, 50, 100], limit: 5, first: "首页" , last: "尾页" , page: true, skin: 'line', }); }); table.on('tool(tab)', function (obj) { var data = obj.data.id; var mid = obj.id; parent.layer.open({ type: 2, title: '新增信息', amin: 4, shadeClose: true, shade: 0.8, area: ['53%', '60%'], content: "{:url('/manage/aboutuslist/aboutuslist/edit/id"+mid+"')}", end: function () { $(".layui-laypage-btn").click();//重新绑定数据，防止刷新出现闪屏效果。 } }); });

优化后的代码如下：

layui.use(['form', 'table'], function () {
    var $ = layui.jquery,
        form = layui.form,
        table = layui.table;

    table.render({
        cellHeight: 300,
        elem: '#demo',
        method: 'post',
        url: "{:url('/manage/aboutuslist/aboutuslist/index')}",
        toolbar: '#toolbarDemo',
        defaultToolbar: ['filter', 'exports', 'print', {
            title: '提示',
            layEvent: 'LAYTABLE_TIPS',
            icon: 'layui-icon-tips'
        }],
        cols: [
            [{
                    type: "checkbox",
                    width: 50
                },
                {
                    field: 'id',
                    width: 100,
                    title: 'ID',
                    unresize: true,
                    sort: true
                },
                {
                    field: 'img_url',
                    width: 400,
                    title: '图片',
                    templet: '<div> <img  class="bianping" src="{{d.img_url}}"/></div>'
                },
                {
                    field: 'typeId',
                    width: 150,
                    title: '位置'
                },
                {
                    field: 'title',
                    width: 180,
                    title: '标题'
                },
                {
                    field: 'addtime',
                    width: 180,
                    title: '添加时间',
                    templet: function (d) {
                        return layui.util.toDateString(d.addtime * 1000, "yyyy-MM-dd HH:mm")
                    }
                },
                {
                    fixed: 'right',
                    title: '操作',
                    toolbar: '#barOp',
                    width: "16%"
                }
            ]
        ],
        limits: [5, 10, 15, 20, 50, 100],
        limit: 5,
        first: "首页",
        last: "尾页",
        page: true,
        skin: 'line',
    });

    table.on('tool(tab)', function (obj) {
        var data = obj.data.id;
        var mid = obj.id;
        parent.layer.open({
            type: 2,
            title: '新增信息',
            amin: 4,
            shadeClose: true,
            shade: 0.8,
            area: ['53%', '60%'],
            content: "{:url('/manage/aboutuslist/aboutuslist/edit/id" + mid + "')}",
            end: function () {
                $(".layui-laypage-btn").click();
            }
        });
    });
});

主要是将代码格式化了，将缩进对齐，使得代码更易于阅读。同时，将逗号的放置方式统一，增加了代码的一致性。