關於layui-select渲染失敗問題

這兩天因為一個layui--select 死活出不來的問題鬧了半天,又看了半天的官網,最后的最后才嘗試出來!!!

1:

layui.use(['layer', 'form', 'table', 'util', 'admin', 'config'], function () {
var $ = layui.jquery;
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
var util = layui.util;
var admin = layui.admin;
var config = layui.config;
form.render();

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 內容一定要包含在layui.use 里面 切記

}

 

2:

動態select綁定問題

前台html

 

<!-- 用戶表單彈窗 -->
<script type="text/html" id="modelUser">
<form id="modelUserForm" lay-filter="modelUserForm" class="layui-form model-form">
<input name="userId" type="hidden" />
<div class="layui-form-item">
<label class="layui-form-label">賬號</label>
<div class="layui-input-block">
<input name="username" id="username" placeholder="請輸入賬號" type="text" class="layui-input" maxlength="20"
lay-verType="tips" lay-verify="required" required />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">用戶名</label>
<div class="layui-input-block">
<input name="nickName" id="nickName" placeholder="請輸入用戶名" type="text" class="layui-input" maxlength="20"
lay-verType="tips" lay-verify="required" />
</div>
</div>

<div class="layui-form-item">
<label class="layui-form-label">所在部門</label>
<div class="layui-input-block">
<select name="DepattmentBelove" lay-verType="tips" lay-verify="required" id="DepattmentBelove" lay-filter="DepattmentBelove">
<option value="">請選擇</option>
</select>
</div>
</div>

<div class="layui-form-item text-right">
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
<button class="layui-btn" lay-filter="modelSubmitUser" lay-submit>保存</button>
</div>
</form>
</script>

這是點擊添加和修改的時候公用得找個彈窗 雖然在上面已經自己渲染過一次from.render(),但是在彈窗里還得手動渲染一次.

因為我是ajax寫的,新手出道,多多指正.

//綁定角色下拉菜單
function getRule() {
$.ajax({
url: '../../SystemManage/GetRoleId',
type: 'get',
dataType: 'json',
success: function (data) {
if (data.length > 0) {
for (var i = 0; i < data.length; i++) {
$('select[name="ChooseRole"]').append(new Option(data[i].Name, data[i].Id)); 
form.render('select'); //重點就是這個,要從新渲染一次
}
}
}
});
}

直接把這個getRule丟在添加的點擊事件里就OK了.

這個渲染不是上來就渲染的,每次得點擊事件以后才請求然后把數據給他渲染.如果在有里面包含彈窗,里面再寫一個form.render() 就成了.

小白出道,老司機請指示.

每天進步一點點,

天行健,君子以自強不息.