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>

<div id="DIV_toolbar'" style=" margin :0px; padding :5px;">           |
       单据编号:XSD2013060001
       &nbsp;
       客户姓名:
        <select id="cc" class="easyui-combobox" name="state" style="width:100px;" data-options="required:true">
      <option value="张三">张三</option>
      <option value="李四">李四</option>
      <option value="王五">王五</option>
     </select>
        &nbsp;
        日期:
        <input id="Text4" type="text" class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
    </div>


~_~一个程序员的淘宝店: 点击打开链接

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bingo_BIG

你的鼓励是我最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值