查看: 3136|回复: 3

mini-autocomplete控件 [复制链接]

都是问题

注册会员

Rank: 2

电梯直达

楼主

发表于 2019-10-21 11:02:05 |只看该作者 |倒序浏览

mini-autocomplete控件为什么用js追加就会失效啊？

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2019-10-21 12:01:04 |只看该作者

请贴出你的相关使用代码

都是问题

注册会员

Rank: 2

板凳

发表于 2019-10-21 12:39:23 |只看该作者

felt 发表于 2019-10-21 12:01
请贴出你的相关使用代码

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>子单绑定</title>

</head>
<script type="text/javascript" src="../../../resources/jquery/jquery-2.1.3.min.js"></script>
<script src="../../../resources/miniui/miniui.js"></script>
<link rel="stylesheet" href="../../../resources/miniui/themes/default/miniui.css" />
<link rel="stylesheet" href="../../../resources/miniui/themes/icons.css" />
<link rel="stylesheet" href="../../../resources/static/css/xopt/public.css" />

<body>

<form id="form" method="post" style="width: 100%;height: 100%;">
<div>
<div>
<div style="margin-left: 13%;">
<table style="width:100%;">
<tr style="text-align:center;">
<td style="width:5%;" class="red">运单编号</td>
<td style="width:15%;text-align: left;">
<input id="loginname" name="loginname" class="mini-textbox" />
</td>
<td style="width:5%" class="red">子单编号</td>
<td style="width:15%;text-align: left;">
<input id="sonidcombo" textField="text" valueField="id" value="1" name="sonidcombo" data="sonidcomboxs" class="mini-combobox" />
</td>
<td style="width: 20%;text-align: left;">
<a class="mini-button" id="btnConfirm" onclick="addson()" iconCls="icon-addnew" style="width: 100px; margin-left: 85px;">
子单绑定</a>
</td>
</tr>
</table>
</div>
</div>
<div id="content">
<div id="mainCount">

</div>

<table style="width:100%;text-align: center;">
<tr style="height:60px;">
<td colspan="2">
<a class="mini-button" id="btnSave" onclick="btnsave()" iconCls="icon-save" style="width: 80px; margin-left: 85px;">保存</a>
<a class="mini-button" id="resetBtn" onclick="btnclose()" iconCls="icon-cancel" style="width: 80px; margin-left: 75px;">取消</a>
</td>
</tr>
</table>

</div>
<div id="tem" style="display: none;">
<div class="count">
<form id="form1" method="post" style="width: 100%;height: 100%;">
<div>
<fieldset id="forcontent" style="width:90%;border:solid 1px #aaa;margin-top:8px;position:relative;margin-left: 4%;margin-right: 5%;">
<div class="allcontent">
<div class="editForm" style="padding:5px;">
<input type="hidden" class="mini-hidden" name="id" />
<table style="width:100%;text-align: center;">
<tr>
<td rowspan="7" style="width:8%;height:160px;background-color: #99E0A3;">
<img src="../../../resources/static/img/timg.png" style="width: 60px;height: 60px;" class="" />
<div>新增子单</div>
</td>
<td style="width:15%" class=" red">子运单编号</td>
<td style="width:15%;text-align: left;"><input id="" name="" value="" class="mini-textbox hewb_no" /></td>

<input class="mini-autocomplete" id="test" style="width:150px;" textField="text" valueField="id" url="" value="cn" showNullItem="true" allowInput="true" onbeforeload="onload" />

<td style="width:15%" class=" red">物品名称</td>
<td style="width:15%;text-align: left;"><input id="" name="" class="mini-textbox goods_name" />
</td>

<td style="width:15%" class="red">保温箱编号</td>
<td style="width:15%;text-align: left;"><input id="" name="" class="mini-textbox warmidclass" />
</td>
</tr>
<tr>
<td style="width:15%" class="red">温度计编号</td>
<td style="width:15%;text-align: left;"><input id="" name="" class="mini-textbox wendujidclass" />
</td>

<td style="width:15%" class="red">温度(℃)</td>
<td style="width:15%;text-align: left;">
<div class="mini-autocomplete temperatureclass1" style="width:60px;" popupWidth="200" textField="alarmBgnHumidity" valueField="alarmBgnTemperature" required="true" name="alarmBgnTemperature" id="alarmBgnTemperature" loadingText="查询中..." popupEmptyText="无查询结果" url="${rc.contextPath}/addAlarmHewb/findMometer">
<div property="columns">
<div header="温度下限" field="alarmBgnTemperature"></div>
<div header="温度上限" field="alarmEndTemperature"></div>
</div>
</div>
---
<input id="alarmEndTemperature" name="alarmEndTemperature" class="mini-textbox temperatureclass2" style="width: 60px;" />
</td>
<td style="width:15%;" class="red">湿度(%)</td>
<td style="width:15%;text-align: left;">
<div class="mini-autocomplete limitclass1" style="width:60px;" popupWidth="200" textField="alarmBgnHumidity" valueField="alarmBgnHumidity" required="true" name="alarmBgnHumidity" id="alarmBgnHumidity" loadingText="查询中..." popupEmptyText="无查询结果" url="${rc.contextPath}/addAlarmHewb/findMometer">
<div property="columns">
<div header="湿度下限" field="alarmBgnHumidity"></div>
<div header="湿度上限" field="alarmEndHumidity"></div>
</div>
</div>
---
<input id="alarmEndHumidity" name="alarmEndHumidity" class="mini-textbox limitclass2" style="width: 60px;" />
</td>
</tr>

</table>
</div>
</div>
</fieldset>
</div>
</form>
</div>
</div>

</div>
</form>
</body>
<script type="text/javascript">
var sonidcomboxs = [{
id: 1,
text: '子单1'
}, {
id: 2,
text: '子单2'
}, {
id: 3,
text: '子单3'
}];
mini.parse();
$("#content").hide();
$(function() {
// $("#tem").hide();
})
var orderList = [];

function addson() { //新增
$("#content").show();
debugger
// $('#mainCount').append('<input class="mini-autocomplete" id="test" style="width:150px;" textField="text" valueField="id" url="" value="cn" showNullItem="true" allowInput="true" onbeforeload="onload" />')

if(orderList.indexOf(id) < 0) {
$("#mainCount").append($("#tem").html());
}

orderList.push(id);
console.log((orderList))
}

var hewb_no = ""; //子单编号
var goods_name = ""; // 物品名称
var warmidclass = ""; //保温箱编号
var wendujidclass = ""; //温度计编号

var alarm_bgn_temperature = ""; //温度1
var alarm_end_temperature = ""; //温度2
var alarm_bgn_humidity = ""; //湿度
var alarm_end_humidity = ""; //湿度2

// console.log("aaa", $(".allcontent").eq(0).find(".editForm1").find(".powerclass").find("input").val())

function btnsave() { //保存
var listdata = [];

for(var i = 0; i < orderList.length; i++) {
hewb_no = $(".allcontent").eq(i).find(".editForm").find(".hewb_no").find("input").val();
goods_name = $(".allcontent").eq(i).find(".editForm").find(".goods_name").find("input").val();
warmidclass = $(".allcontent").eq(i).find(".editForm").find(".warmidclass").find("input").val();
wendujidclass = $(".allcontent").eq(i).find(".editForm").find(".wendujidclass").find("input").val();

alarm_bgn_temperature = $(".allcontent").eq(i).find(".editForm").find(".temperatureclass1").find("input").val();
alarm_end_temperature = $(".allcontent").eq(i).find(".editForm").find(".temperatureclass2").find("input").val();

alarm_bgn_humidity = $(".allcontent").eq(i).find(".editForm").find(".limitclass1").find("input").val();
alarm_end_humidity = $(".allcontent").eq(i).find(".editForm").find(".limitclass2").find("input").val();

//console.log("loginname", $(".allcontent").eq(i).find(".editForm").find(".sonidclass").find("input").val());

listdata.push({
hewb_no: hewb_no,
goods_name: goods_name,
warmidclass: warmidclass,
wendujidclass: wendujidclass,
alarm_bgn_temperature: alarm_bgn_temperature,
alarm_end_temperature: alarm_end_temperature,
alarm_bgn_humidity: alarm_bgn_humidity,
alarm_end_humidity: alarm_end_humidity,

});
}
console.log("listdata", listdata);
listdata = [];

}

function btnclose() { //取消

console.log("--", orderList.length) //2
$("#mainCount").find(".count").eq(orderList.length - 1).remove();
orderList.pop();
if(orderList.length == 0) {
$("#content").hide();
}
console.log(orderList)
}
function reload(e){
console.log(e)
}

</script>
<script src="${rc.contextPath}/resources/static/js/xopt/SonWaybillBind.js" type="text/javascript" charset="utf-8"></script>

</html>

felt

超级版主

Rank: 8 Rank: 8

地板

发表于 2019-10-21 13:13:19 |只看该作者

本帖最后由 felt 于 2019-10-21 13:17 编辑

都是问题发表于 2019-10-21 12:39
子单绑定

1 通过添加字符串方式添加的控件，填加完成之后请调用mini.parse()来确保已经解析成miniui控件
2 请使用mini.get(id).getValue()来获取控件值
3 autocomolete需要后台根据输入的参数进行查询，你这里后台有进行处理吗？

返回列表

		自动登录	找回密码
密码			立即注册