1,实现快速追加数据
//controller.php 控制器
$categoryarr=[1=>"hello",2=>"yellow"];
$this->assign('category',$categoryarr);
<!-- view.html 模板-->
<div class="form-group wangge" >
<label class="control-label col-xs-12 col-sm-2">{:__('数组添加')}:</label>
<div class="col-xs-12 col-sm-8">
<dl class="fieldlist" data-name="row[category]" data-template="fieldtpl">
<dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd>
<textarea name="row[category]" class="form-control hide" cols="30" rows="5"></textarea>
</dl>
</div>
</div>
<!--以下是自定义模板的内容-->
<script id="fieldtpl" type="text/html">
<dd class="form-inline">
<div class="form-group no-width-margin w6">
<div class="col-xs-12 col-sm-8 input-box">
{:build_select('row[category_id][<%=index%>]', $category, null, ['class'=>'form-control selectpicker','data-rule'=>'required'])}
</div>
</div>
<span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
<span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
</dd>
</script>
2,下拉分类
//controller.php 控制器
$category=[ "id"=>"name1","id2" => "name2" ];
$this->assign('category',$category);
<!-- view.html 模板-->
<div class="form-group no-width-margin w6">
<label class="control-label w120 col-xs-12 col-sm-2">选择</label>
<div class="col-xs-12 col-sm-8 input-box">
{:build_select('row[category_id]', $category, null, ['class'=>'form-control selectpicker', 'data-rule'=>'required'])}
</div>
</div>
3图片上传 【单图和多图判断字段data-multiple="false" 改为true就是允许多图上传】
<!-- view.html 模板-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Fengmian_img')}:</label>
<div class="col-xs-12 col-sm-8">
<div class="input-group">
<input id="c-fengmian_img" class="form-control" size="50" name="row[fengmian_img]" type="text">
<div class="input-group-addon no-border no-padding">
<span><button type="button" id="faupload-fengmian_img" class="btn btn-danger faupload" data-input-id="c-fengmian_img" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-fengmian_img"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
<span><button type="button" id="fachoose-fengmian_img" class="btn btn-primary fachoose" data-input-id="c-fengmian_img" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
</div>
<span class="msg-box n-right" for="c-fengmian_img"></span>
</div>
<ul class="row list-inline faupload-preview" id="p-fengmian_img"></ul>
</div>
</div>
4,实现下拉选择搜索
//接口.php
$name = $this->request->post('name', '');
$pageNumber = $this->request->post('pageNumber', '');
$pageSize = $this->request->post('pageSize', '');
$offset=($pageNumber-1)*$pageSize;
$userlist= $this->usermodel->where("user_name","like","%".$name."%")->field('user_id as id')->field('user_name as name')->limit($offset,$pageSize)->select();
$total= $this->usermodel->where("user_name","like","%".$name."%")->count();
return ["list"=> $userlist,"total"=>$total];
<!-- view.html 模板-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">用户</label>
<div class="col-xs-12 col-sm-8">
<input id="c-name" data-pagination="true" placeholder="请选择用户" data-page-size="10" data-rule="required" data-source="ajax/user_list" data-field="name"class="form-control selectpage" name="row[user_id]" type="text" value="">
</div>
</div>
5关于Js一些写法判断
//设置搜索下拉选择
{field: 'category_id', title: __('Category'), formatter: Table.api.formatter.status,searchList:{1: '分类1',2: '分类2'},},
//格式化字段中多个数据用,隔开
{field: 'thumb', title: __('Thumb'), operate: false,visible:false,formatter: function (value, row, index)
{
arr=value.split(",");
arrimg="";
for (var k = 0, length = arr.length; k < length; k++)
{
arrimg=arrimg+"<img style='max-height:90px;max-width:120px' src="+arr[k]+">";
}
return arrimg;
}
},
//select样式选择时候触发的函数
$('select').on('change',function(){
var category=$(".selectpicker").find("option:selected").val();
//后续操作
});
//点击表格中某个字段触发打开页面
var table = $("#table");
table.on('click-row.bs.table', function (e, row, element, field) {
if(field=="user_name"){
Fast.api.open("productbind/productbind/leveldetail/id/"+row.id, "设备分发关系图",{area:['1500px', '800px']});
}
});
//ajax请求
$.ajax(
{
url:"ajax/kucun?product_id="+va,
method:'get',
success: function(data){
$('#c-bind_num').attr('placeholder','提示');
},
error:function(err){
$('#c-bind_num').attr('placeholder','提示');
}
});
//指定某个ID select样式选择时候触发的函数
$(document).on("change", "#c-user-id", function(){
var category=$("#c-user-id").val()
//后续操作
});
<!--view.html年份标签-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Year')}:</label>
<div class="col-xs-12 col-sm-8">
<input id="c-year" class="form-control datetimepicker form-control"
data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[year]" type="text"
value="{:date('Y-m-d H:i:s')}">
</div>
</div>