project - 修改 完整

easyui form  jason data 

1.  $('#birthday').datebox({   //通过id选择器，选中出生日期，添加配置项

2.      required:true  ,

 missingMessage ''生日必填"

3.  });  

1.compoBox, dateBox, 必選

2.test program

3.連動compoBox

4.wafer grid, 顯示message: test program & testType 必填

5. ajax success, fail

function GetData() { var result; $.ajax({ url: '/Home/Get', type: 'get', error: function (xhr) { result = false; }, success: function (response) { result = true; } }); return result;

==

$.ajax({ type : "POST", url : "deleteDutyById", data : { id : value }, //返回数据的格式 datatype : "text",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend : function() { //$("#msg").html("logining"); }, success : function(data) { $("#tt").datagrid("reload"); alert("删除成功"); }, //调用执行后调用的函数 complete : function(XMLHttpRequest, textStatus) { }, //调用出错执行的函数 error : function() { alert("删除失败"); } });

6.datagrid

刪除

function removeit(){

if (editIndex == undefined){return} $('#dg').datagrid('selectRow', editIndex); $('#dg').datagrid('cancelEdit', editIndex) .datagrid('deleteRow', editIndex); editIndex = undefined; }

====

function deletesnack() {
        var rows = $('#A').datagrid("getSelections");
        for (var i = rows.length - 1; i >= 0; i--) {
            var index = $('#A').datagrid('getRowIndex', rows[i]);
            $('#A').datagrid('deleteRow', index);
        }
    }

https://www.cnblogs.com/Gabby/p/6425302.html

copy

ck-

https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/245714/

7.

1.前台向后台传递数据

属性queryParams，传递json类型的参数给后台

除了queryParams指定参数外，dataGrid默认传递page rows两个参数给后台。

属性url：指定后台数据接口地址

pageSize:指定每页显示数据量

$('#sourceDG').datagrid({

        url:"data.json",

pageSize:10,

queryParams: {

        source_type: "",

        province_load: "",

        city_load: "",

        county_load: "",

        province_delivery: "",

        city_delivery: "",

        county_delivery: "",

        limited: 10,

        offset: (curr-1)*10           

          },

          onBeforeLoad:function(param){

          console.log(param);

          },

          onLoadSuccess:function(data){

          console.log(data);

          },

          onLoadError:function(){

          console.log(1);

          }

        }); 

 https://blog.csdn.net/melon__/article/details/80755195

8. https://www.cnblogs.com/Gabby/p/6425302.html

參考:https://mistech.pixnet.net/blog/post/446745104-easyui-datagrid-row-data-getselected-%E9%80%81%E5%87%BA%E8%87%B3-java-%E9%81%8B%E7%94%A8-j

操作五：提交到后台

说明:将json数据提交到后台

步骤：

1.添加button

<a class="easyui-linkbutton" onclick="submit()">提&nbsp;&nbsp;交</a>

 

2.添加onclick事件

function submit() {
            var roomid = $("#roomid").val();
            var rows = $('#item').datagrid('getRows');
            alert(rows);
            $.messager.confirm('确认', '确定要提交所有的数据?', function(r) {
                if (r) {
                    $.ajax({
                        type : "post",
                        url : 'saveBill.do',
                        data : {
                            json : JSON.stringify(rows),
                            roomid : roomid
                        },
                        dataType : "JSON",
                        success : function(data, textStatus) {
                            if (data.resultCode == 1) {
                                showRightBottomMsg("系统提示", "提交成功！", 'slide',
                                        5000);
                                clearDatagridAndTree();
                            } else {
                                if (data.errorType == "user") {
                                    showAlertMsg("提示", data.msg, "warning");
                                } else {
                                    showRightBottomMsg("系统提示", data.msg,
                                            'slide', 5000);
                                }
                            }
                        },
                        error : function(XMLHttpRequest, textStatus,
                                errorThrown) {
                            alert(textStatus + errorThrown);
                        }
                    });
                }
            });
}