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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章