easyui dialog中自己定义的button。click事件不能用

现行者 发布于 2014/12/30 17:32
阅读 10K+
收藏 0

问题描述:addMode在js页面设置成了dialog,但是它内部有个button按钮。在js中有click事件。问题就是button的click事件不能正常用。要不就是一进入页面就执行了click事件(没有人为触发),要不就是不执行

jsp页面

 <div id="addMode">
       <table id="addTab" class="tab1" style="display:none;">
         <tr><td class="td1">形式名称</td><td class="td2"><input type="text" name="name"/></td></tr>
         <tr><td class="td1">是否启用</td><td class="td2"><input type="checkbox" name="agreed"/></td></tr>
         <tr><td ><input id="btnAdd" type="button" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" value="确定"/>
         <input type="reset" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" value="关闭"/>
         </td></tr>
       </table>
    </div>

js中

$(function(){

//这里调用 ShowAddDialog();

$('#btnAdd').bind('click',function(){

alert('test');

});

})

function ShowAddDialog(){
$('#addTab').css('display','');
$('#addMode').dialog({
title:'添加形式',
iconCls:'icon-add',
width:320,
height:140,
});

}

加载中
0
Archer2ee
Archer2ee
html里面的id是btnAdd,js里面的是btnTest吧
0
现行者
不是的。btnTest是我重新做的一个测试button。和btnAdd的区别就是。btnAdd属于dialog中。而btnTest没有在dialog中。结果btnTest测试是好用的
0
现行者

还是没有解决。没办法,我只能采用dialog上添加buttons了

0
h
hanmaochun

今天偶也遇到了 这么写行

function addFun() {

parent.$.modalDialog({
title : '添加',
width : 600,
height : 500,
href : '${ctx}/material/addPage',
onLoad:function() {
var button_save = parent.$.modalDialog.handler.find('#butt_save');// butt_save 弹出页面id
button_save.click(function () {
alert("butt_save_click");
});

}
});

返回顶部
顶部