我通过参考一位大牛的实例,他的CSDN名: LYBwwp。好了上代码
首先我采用的datagrid,然后用的toolbar,又要添加一个下拉选不好实现。
toolbar: [{ iconCls: 'icon-add', text: '发布信息', handler: function () { addMess(); } }, '-', { //分隔符 iconCls: 'icon-edit', text: '编辑信息', handler: function () { editMess(); } }, '-', { iconCls: 'icon-remove', text: '删除信息', handler: function () { delMess();} }, '-', { text: ' 文章名:<input type="text" id="ZZtitle"/>' }, { iconCls: 'icon-search', text: '查询', handler: function () { findMess(); }
然后没办法 换了一种思路 实现
在body里面添加一个div
<!-- 测试 --> <div id="DIV_toolbar" Style="margin:0px; padding:5px"> 类型: <select id="cc" class="easyui-combobox" name="typeId" style="width:100px;" data-options="required:true"> <option selected="selected">请选择..</option> <option value="1">通知</option> <option value="2">公告</option> <option value="3">新闻</option> <option value="4">政策</option> </select> </div>
然后在页面初始化的方法里面添加入下面这句话
$('#DIV_toolbar').appendTo('.datagrid-toolbar');
下面上实现效果图
good luck!
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13146.html