您的位置:首页 > Web前端 > JQuery

JqueryEasyUi追加自定义工具标签

2016-06-10 13:29 537 查看
 <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

        

       客户姓名: 

        <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>

         

        日期:

        <input id="Text4" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>

    </div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: