easyui comboxgrid分页问题

{
        field: 'ACCOUNTID',
        title: '客户',
        editor: 'text',
        width: 10,
        formatter: function(value,
        rowData,
        index){
            returnrowData.ACCOUNTNAME;
        },
        editor: {
            type: 'combogrid',
            options: {
                url: 'url',
                idField: 'ACCOUNTID',
                textField: 'ACCOUNTNAME',
                mode: 'remote',
                panelHeight: '200',
                pagination: true,
                panelWidth: 200,
                columns: [
                    [
                        {
                            field: 'ACCOUNTNAME',
                            width: 300
                        }
                    ]
                ],
                onSelect: function(value,record){
                    var editRow=_main_grid.datagrid('getSelected');
                    editRow.ACCOUNTID=record.ACCOUNTID;
                    editRow.ACCOUNTNAME=record.ACCOUNTNAME;
                },
                onLoadSuccess: function(data){
                     var editRow =_main_grid.datagrid('getSelected');
                     $(this).combobox('setText',editRow.ACCOUNTNAME);
                     $(this).combogrid('grid').datagrid('getPager').pagination({
                        showPageList : false,
                        beforePageText : '',
                        afterPageText : '',
                        displayMsg : ''
                    });
                }
            }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
EasyUI 的 ComboBox 是一个下拉框组件,支持远程数据加载和搜索功能,使用起来很方便。 以下是 ComboBox 的基本用法: 1. 引入 EasyUI 的 CSS 和 JS 文件。 ```html <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/themes/icon.css"> <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/jquery.easyui.min.js"></script> ``` 2. 创建一个 select 元素,并将其转换为 ComboBox。 ```html <select id="my-combobox"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> ``` ```javascript $('#my-combobox').combobox(); ``` 3. 如果需要加载远程数据,可以通过设置 url 属性实现。 ```html <select id="my-remote-combobox"></select> ``` ```javascript $('#my-remote-combobox').combobox({ url: '/getData', valueField: 'id', textField: 'name' }); ``` 其中,`url` 属性指定了远程数据的地址,`valueField` 属性指定了选项的值字段,`textField` 属性指定了选项的显示字段。 4. 如果需要启用搜索功能,可以通过设置 hasDownArrow 属性实现。 ```javascript $('#my-search-combobox').combobox({ hasDownArrow: false, mode: 'remote', url: '/searchData', valueField: 'id', textField: 'name' }); ``` 其中,`hasDownArrow` 属性设置为 `false`,表示隐藏下拉箭头,`mode` 属性设置为 `remote`,表示启用远程搜索。搜索时会将输入的内容发送到服务器,然后根据返回的数据进行匹配。服务器返回的数据格式如下: ```json [ { "id": 1, "name": "Option 1" }, { "id": 2, "name": "Option 2" }, { "id": 3, "name": "Option 3" } ] ``` 以上就是 EasyUI ComboBox 的基本用法。除此之外,还有很多其他属性和事件可以使用,具体可以参考 EasyUI 的官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值