1

我正在使用 jTable 进行 CRUD 操作。但现在我想使用 jTable 创建对话框表单上传文件

How do i upload file using jTable create dialog?

<div id="PersonTable" style="width: 580px; margin: auto;"></div>

<script type="text/javascript">

    $(document).ready(function () {

        //Prepare jtable plugin
        $('#PersonTable').jtable({
            title: 'The Campus List',
            actions: {
                listAction: '/Home/CampusList',
                deleteAction: '/Home/DeletePerson',
                updateAction: '/Home/UpdatePerson',
                createAction: '/Home/CreatePerson'
            },
            paging: true,
            fields: {
                CampusId: {
                    key: true,
                    create: false,
                    edit: false,
                    list: true
                },
                CampusName: {
                    title: 'CampusName',
                    width: '15%'
                },
                CampusCode: {
                    title: 'CampusCode',
                    list: true
                },Image: { } // for uploading file
            }
        });

        //Load person list from server
        $('#PersonTable').jtable('load');
    });

</script>
4

1 回答 1

0

默认情况下 Jquery-JTable 没有文件上传字段，但您可以使用这种方式：

在 jtable 的字段范围内使用“ input ”属性并返回“Div”或文件上传控件

像这样：

 fields: {
           ,
            Attach: {
               input : function (data){
                return "<input type='file' ...  >"; // OR----->
                return "<asp:FileUpload ....    >" ;// or----->   
               }
          },

但是文件上传需要完整的回传和清理文件上传回传后页面上的所有文本区域，因此您需要 Jquery 和 Iframe 用于 Ajax 上传文件或jquery 插件来上传它们。你可以使用这个地址来完成它：

如何在 jQuery UI 对话框中显示 IFRAME

如何使用 iframe 进行异步（AJAX）文件上传？

jQuery / iframe 文件上传解决方案的问题

于 2013-09-10T10:43:00.573 回答