fastadmin 一些快速组件 不定时更新

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>