freemarker+datatable写前端的使用笔记

界面的提示信息：其实在ajax的success内提示的；

一些公用的页面部分及其页面分块写在其他文件内，之后引用就可以了；
在卡式布局之内，也就是与表单的div是同一级别的地方是模态框：
    表单查询
        resetClick()
        queryClick()
    表单的主内容:表单的标题

    模态框插入IModal，
        头部clearInsModal(),点击消失模态框及其清楚insert的数据，
        体部insertClick()
    模态框uModel
        修改一行商品(用户)信息updateClick()
    标签语法内容:
        1:<#assign modelID=”topModal”>
        2:<#assign moduleTitle=”是否置顶该商品”>
        3:<#assign moduleClick=”函数名”>
        4:<#include “/路径/dialog.ftl”/>文件 提示文件，
        该文件内竟然还是模态框，使用${取出变量值},${moduleClick}模态点击函数名字
        eg:
        <#assign modalId = "topModal">
        <#assign moduleTitle = "是否置顶该商品？">
        <#assign moduleClick = "statusClick()">
        <#include "/freemarker/base/dialog.ftl"/>

        </div>之后
            Js代码
        </body>之前

        Jquery.min.js ，datatableJS，calendar.mincss没发现日历js
        let moduleData=new Map();//map数据结构存键值对
        $.ready(function(){
        queryClick();//查询后台表单
        });
        $(document).ready(function(){
        ajax查询所有的产品列表，
        ajaxc查询渠道信息
        })

    queryClick()函数
    datable的数据解析 full参数是一条记录的所有数据，
    一行数据的样式:data-toggle=”modal” data-whatever=”@getbootstrap” data-target=”#shelfModal、#obtainModal、topModal” 还有各种的提示信息，原来都是在提示dialog.ftl内引用的；data-target=”#uModal”是修改的模态框，
    一行数据的函数有：statusModal(cmdID,1)是否上架,statusModal(cmdID,2)是否置顶

    表单查询
        resetClick()
        queyClick()
            $(‘#datatab’).Datatable().destroy();消失
        再查再显示，
            statusModal(cmd,2) 已/未置顶，放在map中的数据
            statusModal(cmd,1) 已/未上架，模态框插入IModal，
            uModal(cmdID)修改，其实是先向后台的一个查询，再次将数据填充到模态框内，updateClick():url是拼接出来的,
            statusModal(cmdId,status,type):没有向后台发送请求，重新设置整型值，然后该模态框再次执行函数statusClick()，再次取出map中的值，向后台的不同url发请求，传参数等等；
    头部:”X”符号，clearInsModal()
    体部:确认上架:
        insertClick():url是拼接出来的，insert之后再次:
            Document.getElementById(“iModal”).click()相当于再次执行点击事件，该事件执行清除数据函数，
            $(‘#datatab’).DataTable().draw(false);相当于模态框再次消失

        resetClick():comTypeId将重新赋值
            $(‘#input idName option:frist’).prop(‘selected’,’selected’);也就是被选中
    dialog.ftl
        statusClick() 修改置顶或者是状态(上架)，向后台发送请求
    一行数据状态查询：

    "columnDefs": [
        {
            "targets": [6],
            "render": function (data, type, full) {
                return data === 1 ? "普通更新" : "强制更新";
            }
        },
        {
            "targets": [9],
            "render": function (data, type, full) {
                return data === 1 ? "未发布" : "已发布";
            }
        }
        ],

    原有值改变其显示，有种后者的味道，

方法使用：

 $('#datatab').DataTable().draw(false);//消失重查
$('#datatab').DataTable().destroy();

document.getElementById("iModalX").click();
数据清空好像模态框消失