easyUI toolbar中添加select下拉选详解编程语言

我通过参考一位大牛的实例,他的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');

下面上实现效果图

easyUI toolbar中添加select下拉选详解编程语言

good luck!

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13146.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论