HAP_附件管理

附件集成演示
功能⽬标:为学⽣⻚⾯中的每⼀个学⽣信息添加附件管理功能,要求可以学⽣维护多个附件,并且可以下载和删除。

  • 在系统前端新建⽬录 Home/ORA_2062/学⽣管理 ,其中附件⽬录 学⽣管理 的关键属性如下:
    ** 附件文件夹:**


    13265172-6c96cfe05d59d2fc.png
    image.png

    ** 附件目录:**


    13265172-5b8de4d1bbb7eff2.png
    image.png

开始写代码了....

新建⻚⾯student_attachment.html 并利⽤ 附件上传 的功能进⾏附件功能初始化(不要格式化html代码),

<#include "../include/header.html">
<body>
<div style="width:780px;margin:10px;">
 ${attachmentProvider.getAttachHtml("ORA_20796_STUDENT",RequestParameters.studentId,base.locale, base.contextPath,true,true)}
</div>
</body>
</html>

attachmentProvider 的关键属性如下:

参数说明
sourceTypeORA_20796_STUDENT(之前在界面操作的时候命名的)
sourceKeyRequestParameters.studentId⻚⾯参数学⽣ID,这样才能知道这个附件属于哪个学生的

现在开始更改student.html
在 KendoGrid 新增列,⽤于打开每⼀名学⽣的附件界⾯:

//点击弹出附件上传窗口
            {
                title:'<@spring.message "attachcategory.attachmentmanagement"/>',
                width : 40,
                headerAttributes: {
                    style : "text-align: center"
                },
                attributes: {style: "text-align:center"},
                template : function (rowdata) {
                    if (!!rowdata.studentId) {
                        return '<a href="#" onclick="openAttachmentWindow(' + rowdata.studentId + ')"><i class="fa fa-paperclip"></i></a>'
                    } else return ''
                },
                sortable: false
            },
    <!--附件上传管理DIV-->
    <div id="attachment-window"></div>
//初始化附件选择window
    $("#attachment-window").kendoWindow({
        width: "800px",
        height:"300px",
        title: '<@spring.message "attachcategory.attachmentmanagement"/>',
        modal:true,
        resizable: false,
        visible:false,
        iframe:true
    });
   /**
     * 打开附件窗口,尽量在最上面的<script></script>里面写
     * @param studentId
     */
    function openAttachmentWindow(studentId) {
        var win = $("#attachment-window").data("kendoWindow");
        win.refresh('student_attachment.html?studentId=' + studentId);
        win.center().open();
    }

注意div的id=attachment-window,还有点击事件openAttachmentWindow()是否对应
之前:

13265172-3fb78642dc0f6944.png
image.png

之后:


13265172-d13eb4dcc73239c0.png
image.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值