easyui dailog 在页面中不能弹出

ning255 · 发表于 2016-8-19 11:36:07

online 做好的功能增加按钮执行js $('#deviceid').dialog('open'); 不能弹出窗口？？不知什么原因

admin · 发表于 2016-8-19 11:43:40

你引入对应js了吗

ning255 · 发表于 2016-8-19 11:49:27

1：已经引入 <t:base type="jquery,easyui,tools,DatePicker"></t:base>
2：已经初始化
$(function(){
//给时间控件加上样式
$("#userbaseinfoListtb").find("input[name='birthday']").attr("class","Wdate").click(function(){WdatePicker({dateFmt:'yyyy-MM-dd'});});
$('#deviceid').dialog({
     title :'选择预约设备',
width : 300,
height:130,
//modal : true,
closable:false,
closed : true,
buttons : [
{
text : '确定',
        iconCls : 'icon-ok',
        handler : function () {

        }
},{
text : '关闭',
        iconCls : 'icon-delete',
        handler : function () {
        $('#deviceid').dialog('close');
        }
}
]
});
});
3：执行$('#deviceid').dialog('open');  就是打不开窗口

ning255 · 发表于 2016-8-19 11:50:27

执行 alert("dd") 没问题

ning255 · 发表于 2016-8-19 11:52:09

就是弹不出此内容：
<div id="deviceid">
<table>
<tr><td>设备:</td><td></td></tr>
</table>
</div>

ning255 · 发表于 2016-8-19 11:53:56

firbug 也不报错

ning255 · 发表于 2016-8-19 11:55:52

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>

<div class="easyui-layout" fit="true">
  <div region="center" style="padding:0px;border:0px">
  <t:datagrid name="userbaseinfoList" checkbox="true" fitColumns="false" title="用户基础信息" actionUrl="userbaseinfoController.do?datagrid" idField="id" fit="true" queryMode="group">
<t:dgCol title="主键"  field="id"  hidden="true"  width="120"></t:dgCol>
<t:dgCol title="姓名"  field="name" query="true" queryMode="single"  width="120"></t:dgCol>
<t:dgCol title="性别"  field="sex"  dictionary="sex" width="120"></t:dgCol>
<t:dgCol title="年龄"  field="age" width="120"></t:dgCol>
<t:dgCol title="生日"  field="birthday" formatter="yyyy-MM-dd"    width="120"></t:dgCol>
<t:dgCol title="身份证号"  field="personnum" query="true" queryMode="single"  width="120"></t:dgCol>
<t:dgCol title="会员卡号"  field="cardnum" query="true" queryMode="single"  width="120"></t:dgCol>
<t:dgCol title="电子邮件"  field="email"    width="120"></t:dgCol>
<t:dgCol title="家庭住址"  field="address"    width="120"></t:dgCol>
<t:dgCol title="邮编"  field="postcode" dictionary="bpm_status" width="120"></t:dgCol>
<t:dgCol title="身高(cm)"  field="height"    width="120"></t:dgCol>
<t:dgCol title="体重(kg)"  field="weight"    width="120"></t:dgCol>
<t:dgCol title="高压(mmHg)"  field="hpressure"    width="120"></t:dgCol>
<t:dgCol title="低压(mmHg)"  field="lpressure"    width="120"></t:dgCol>
<t:dgCol title="腰围(cm)"  field="yaowei" width="120"></t:dgCol>
<t:dgCol title="臀围(cm)"  field="tunwei" width="120"></t:dgCol>
<t:dgCol title="心率(/Min)"  field="xinlv" width="120"></t:dgCol>
<t:dgCol title="血氧(%)"  field="xueyang"    width="120"></t:dgCol>
<t:dgCol title="脉率(/Min)"  field="mailv"    width="120"></t:dgCol>
<t:dgCol title="理想体重(kg)"  field="lxweight" width="120"></t:dgCol>
<t:dgCol title="BMI"  field="bmi"    width="120"></t:dgCol>
<t:dgCol title="腰臀比"  field="yaotunbi"    width="120"></t:dgCol>
<t:dgCol title="操作" field="opt" width="100"></t:dgCol>
<t:dgDelOpt title="删除" url="userbaseinfoController.do?doDel&id={id}" />
<t:dgToolBar title="录入" icon="icon-add" url="userbaseinfoController.do?goAdd" funname="add"></t:dgToolBar>
<t:dgToolBar title="编辑" icon="icon-edit" url="userbaseinfoController.do?goUpdate" funname="update"></t:dgToolBar>
<t:dgToolBar title="批量删除"  icon="icon-remove" url="userbaseinfoController.do?doBatchDel" funname="deleteALLSelect"></t:dgToolBar>
<t:dgToolBar title="查看" icon="icon-search" url="userbaseinfoController.do?goUpdate" funname="detail"></t:dgToolBar>
<t:dgToolBar title="导出" icon="icon-putout" funname="ExportXls"></t:dgToolBar>
<t:dgToolBar title="预约" icon="icon-putout" funname="yuyue"></t:dgToolBar>
  </t:datagrid>
  </div>
<div id="deviceid">
<table>
<tr><td>设备名称:</td><td></td></tr>
</table>
</div>
</div>
<input id ="iid" value="234"/>
<script src = "webpage/com/ihome120/user/userbaseinfoList.js"></script>
<script type="text/javascript">
$(function(){
//给时间控件加上样式
$("#userbaseinfoListtb").find("input[name='birthday']").attr("class","Wdate").click(function(){WdatePicker({dateFmt:'yyyy-MM-dd'});});
$('#deviceid').dialog({
     title :'选择预约设备',
width : 300,
height:130,
//modal : true,
closable:false,
closed : true,
buttons : [
{
text : '确定',
        iconCls : 'icon-ok',
        handler : function () {

        }
},{
text : '关闭',
        iconCls : 'icon-delete',
        handler : function () {
        $('#deviceid').dialog('close');
        }
}
]
});
});

function yuyue(){
//alert($("#iid").attr("value"));
$('#deviceid').dialog('open');
//$.dialog({content:'<input id ="iid" value="234"/>'});

}

//导入
function ImportXls() {
openuploadwin('Excel导入', 'userbaseinfoController.do?upload', "userbaseinfoList");
}

//导出
function ExportXls() {
JeecgExcelExport("userbaseinfoController.do?exportXls","userbaseinfoList");
}

//模板下载
function ExportXlsByT() {
JeecgExcelExport("userbaseinfoController.do?exportXlsByT","userbaseinfoList");
}
</script>