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

 

客户姓名：

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

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