关于easyui中用js添加的html没有css效果

dzq584462393 2013-11-22 03:10:41



$.each(data,function(index,obj){

    htmlStr+=("<div onclick=\"javascript:addInputAphOrganization(0,0,"+obj.otId+","+obj.otStrId+")\">新增"+obj.otName+"</div>");

});

$("#defaultMenu").html(htmlStr);

页面：
<a id="btn-edit" href="#" class="easyui-menubutton" data-options="menu:'#defaultMenu',iconCls:'icon-edit'">新建</a>
<div id="defaultMenu" style="width:150px;">
</div>

...全文

253 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2013-11-25

打赏
举报

jquery-easyui-1.3.4测试没问题，你拷贝的是我的代码么有

dzq584462393 2013-11-25

打赏
举报

引用 3 楼 dzq584462393 的回复:


$.each(data,function(index,obj){
			                defaultMenu.menu('appendItem',{id:'com'+index,text:'新增'+obj.otName,onclick:function(){
							addInputAphOrganization(0,0,obj.otId,obj.otStrId,0);
						} });
					});
					var printMenu = $('#btn-add').menubutton({
						menu:defaultMenu,
						iconCls:'icon-add'
					});

这种效果能出来

dzq584462393 2013-11-25

打赏
举报


$.each(data,function(index,obj){
			                defaultMenu.menu('appendItem',{id:'com'+index,text:'新增'+obj.otName,onclick:function(){
							addInputAphOrganization(0,0,obj.otId,obj.otStrId,0);
						} });
					});
					var printMenu = $('#btn-add').menubutton({
						menu:defaultMenu,
						iconCls:'icon-add'
					});

dzq584462393 2013-11-25

打赏
举报

引用 1 楼 showbo 的回复:

你的代码后于执行于easyui重建menubutton对象后面，当然获取生成不了你动态生成的menu项，要手动调用menubutton方法 <a id="btn-edit" href="#">新建</a> <div id="defaultMenu" style="width:150px;"> </div> <script> $(function () { var htmlStr = '' data = [{ otId: 1, otStrId: 1, otName: 'test' }, { otId: 1, otStrId: 1, otName: 'tes1t' }, { otId: 1, otStrId: 1, otName: 'test2'}] $.each(data, function (index, obj) { htmlStr += ("<div onclick=\"javascript:addInputAphOrganization(0,0," + obj.otId + "," + obj.otStrId + ")\">新增" + obj.otName + "</div>"); }); $("#defaultMenu").html(htmlStr); $('#btn-edit').menubutton({ menu: '#defaultMenu', iconCls: 'icon-edit' }); }); </script>

这个其实也不行。是不是我操作错了--！

Go 旅城通票 2013-11-22

打赏
举报

你的代码后于执行于easyui重建menubutton对象后面，当然获取生成不了你动态生成的menu项，要手动调用menubutton方法 <a id="btn-edit" href="#">新建</a> <div id="defaultMenu" style="width:150px;"> </div> <script> $(function () { var htmlStr = '' data = [{ otId: 1, otStrId: 1, otName: 'test' }, { otId: 1, otStrId: 1, otName: 'tes1t' }, { otId: 1, otStrId: 1, otName: 'test2'}] $.each(data, function (index, obj) { htmlStr += ("<div onclick=\"javascript:addInputAphOrganization(0,0," + obj.otId + "," + obj.otStrId + ")\">新增" + obj.otName + "</div>"); }); $("#defaultMenu").html(htmlStr); $('#btn-edit').menubutton({ menu: '#defaultMenu', iconCls: 'icon-edit' }); }); </script>