easyUI样式问题解决方案（集合）

最新推荐文章于 2024-09-26 10:23:34 发布

苦命敲代码的猫

最新推荐文章于 2024-09-26 10:23:34 发布

阅读量808

点赞数

文章标签： easyUI

本文链接：https://blog.csdn.net/qq_39051390/article/details/88824914

版权

1、textBox的maxlength无效

<input class="easyui-numberbox" precision="2" value="234.56" id="txt">

<script>

$(function () {

$('#txt').numberbox('textbox').attr('maxlength', 5);

});

</script>

2、easyui带复选框的下拉列表

$('#cc').combobox({
                url:'combobox_data1.json',
                method:'get',
                valueField:'id',
                textField:'text',
                panelHeight:'auto',
                multiple:true,
                formatter: function (row) {
                    var opts = $(this).combobox('options');
                    return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField]
                },
 
                onShowPanel: function () {
                    var opts = $(this).combobox('options');
                    var target = this;
                    var values = $(target).combobox('getValues');
                    $.map(values, function (value) {
                        var el = opts.finder.getEl(target, value);
                        el.find('input.combobox-checkbox')._propAttr('checked', true);
                    })
                },
                onLoadSuccess: function () {
                    var opts = $(this).combobox('options');
                    var target = this;
                    var values = $(target).combobox('getValues');
                    $.map(values, function (value) {
                        var el = opts.finder.getEl(target, value);
                        el.find('input.combobox-checkbox')._propAttr('checked', true);
                    })
                },
                onSelect: function (row) {
                    //console.log(row);
                    var opts = $(this).combobox('options');
                    var el = opts.finder.getEl(this, row[opts.valueField]);
                    el.find('input.combobox-checkbox')._propAttr('checked', true);
                },
                onUnselect: function (row) {
                    var opts = $(this).combobox('options');
                    var el = opts.finder.getEl(this, row[opts.valueField]);
                    el.find('input.combobox-checkbox')._propAttr('checked', false);
                }
            });