easyui datagrid的toolbar如何添加输入框或自定义控件

<script type="text/javascript">

$(function () {

 var lastIndex;
            $('#tt').datagrid({
                toolbar: [{
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: function () {
                        var v = $('#tt').datagrid('getRows').length + 1;
                        $('#tt').datagrid('endEdit', lastIndex);
                        $('#tt').datagrid('appendRow', {
                            itemid: v,
                            productid: '',
                            listprice: '',
                            unitprice: '',
                            attr1: '',
                            status: 'P'
                        });
                        lastIndex = $('#tt').datagrid('getRows').length - 1;
                        $('#tt').datagrid('selectRow', lastIndex);
                        $('#tt').datagrid('beginEdit', lastIndex);
                    }
                }, '-', {
                    text: '删除',
                    iconCls: 'icon-remove',
                    handler: function () {
                        var row = $('#tt').datagrid('getSelected');
                        if (row) {
                            var index = $('#tt').datagrid('getRowIndex', row);
                            $('#tt').datagrid('deleteRow', index);
                        }
                    }
                }, '-', {
                    text: '保存',
                    iconCls: 'icon-save',
                    handler: function () {
                        $('#tt').datagrid('acceptChanges');
                    }
                }, '-', {
                    text: '重置',
                    iconCls: 'icon-undo',
                    handler: function () {
                        $('#tt').datagrid('rejectChanges');
                    }
                }],
                onBeforeLoad: function () {
                    $(this).datagrid('rejectChanges');
                },
                onClickRow: function (rowIndex) {
                    if (lastIndex != rowIndex) {
                        $('#tt').datagrid('endEdit', lastIndex);
                        $('#tt').datagrid('beginEdit', rowIndex);
                    }
                    lastIndex = rowIndex;
                }
            });

$('#DIV_toolbar').appendTo('.datagrid-toolbar');

 });
 </script>

<span id="DIV_toolbar'" style=" margin :0px; padding :5px;">           |
        日期:
        <input id="Text4" type="text" class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
    </span>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值