jQuery EasyUI / TopJUI can upload multiple attachments and delete operation

jQuery EasyUI / TopJUI can upload multiple attachments and delete operation

html

<table data-toggle="topjui-datagrid"
       data-options="id:'productDg',
       url:'../../json/datagrid/product-list.json'">
    <thead>
    <tr>
        <th data-options="field:'id',title:'ID',checkbox:true"></th>
        <th data-options="field:'name',title:'商品名称'"></th>
        <th data-options="field:'code',title:'商品编号'"></th>
        <th data-options="field:'spec',title:'规格型号'"></th>
        <th data-options="field:'danwei',title:'规格型号'"></th>
        <th data-options="field:'sale_price', title: 'selling price' "> </ TH> 
<div the above mentioned id =" productDg-Toolbar "class = "topjui-toolbar"
! <- user table toolbar ->
</ the Table>
    </ thead>
    </ TR>

           type: ' datagrid ',
     Data-Options =" Grid: {
           id:'productDg'
       }">
    <!--<a href="javascript:void(0)"
       data-toggle="topjui-uploader"
       data-options="iconCls:'fa fa-check-circle',
       btnCls:'topjui-btn-brown',
       parentGrid:{
           type:'datagrid',
           id:'productDg',
           unselectedMsg:'请先选中要上传附件的数据!'
       }">webUploader上传</a>-->
    <a href="javascript:void(0)"
       data-toggle="topjui-menubutton"
       data-options="method:'upload',
       extend:'#productDg-toolbar',
       iconCls:'fa fa-cloud-upload',
           title: 'Annex bulk upload'
       Dialog: {
       btnCls: 'topjui-BTN-Green',
       accept:'file', 
       }, 
       parentGrid: {type: 'DataGrid', ID: 'productDg'}, 
       uploadURL with: _ctx + '/json/response/upload.json?uuid={uuid}' "> bulk upload </a> 
< / div>

  Showcase the page

 

 Select the file

 

  

 

Start upload

 

 

     Note: Currently the bulk upload must have a Grid control interface to use, file upload interface in the form of pop show.

 

EasyUI Chinese network: http://www.jeasyui.cn

TopJUI front-end frame: http://www.topjui.com

TopJUI exchange community: http://ask.topjui.com 

Guess you like

Origin www.cnblogs.com/xvpindex/p/10984171.html