关于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() 就成了.

小白出道,老司机请指示.

每天进步一点点,

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