easyui表单构造

说起javascript框架，现在可是AngularJS，vue,react横行的时代，其实jqueyr旗下的easyui也很好用的哦。

接着前面的来，使用easyui做页面，恐怕离不开提交数据，用easyui构造一个提交数据表单和普通html页面很类似。

首先无非是引入jquery和easyui

这个也简单，这个估计大家都能看懂了

下面就是表单代码

 

      
  
        
        

             描述:  
               
        
          

            密码:  
             
            状态:
              
                是 
                否  
              
        
        

            开始时间:  
             
            截止时间:  
             
        
        
  
     
     
  
          保存  
          取消
     

当然，初始化的时候，我们可以给表单某个控件赋值

 function init() {
            $('#dlg').dialog("open"); //easyui-dialog 默认状态是关闭的
            $("#sDate").datetimebox('setValue', '2019-09-09');
        };

获取某个控件的值

function QueryData() {
            var sDate = $('#txtStartDate').datebox("getValue");
            alert(sDate );
 };

提交表单j就是jquery提交，

function Save() {
   //数据有效性检测

  var Desc = $('#Desc');
  var Id   = $('#Id');

  var data = {"Id":Id,"Desc":Desc};

  $.post("./data/data.ashx",data:data);

};

至于后台可以用java ， C# ，php

c# 代码     string Desc  = HttpContext.Current.Request.Form["Desc"];