jquery的一些常用方法

1、下拉框，combobox

$('#lb).combobox({
      url:'lb.json',
      valueField : 'id',
      textField : 'text',
      panelHeight : 'auto',
      required:true,
      checkbox:true,
      editable : false
 });

lb.json:

[ 
 {
  "id" : 1,
  "text" : "一级响应(特大灾)"
 },{
  "id" : 2,
  "text" : "二级响应(大灾)"
 },{
  "id" : 3,
  "text" : "三级响应(中灾)"
 },{
  "id" : 4,
  "text" : "四级响应(轻灾)"
 }
]

2、批量添加功能按钮

var jsondata = [

   {"rightName":"新建","iconUrl":"icon-add","rightId":"21","actionUrl":"addYajghgl();","url":"javascript:void(0);"},
   {"rightName":"编辑","iconUrl":"icon-edit","rightId":"23","actionUrl":"editYajghgl()","url":"javascript:void(0);"},
   {"rightName":"删除","iconUrl":"icon-remove","rightId":"25","actionUrl":"delYajghgl()","url":"javascript:void(0);"},
   {"rightName":"查看","iconUrl":"icon-search","rightId":"24","actionUrl":"lookYajghgl()","url":"javascript:void(0);"},
   {"rightName":"导出查询结果","iconUrl":"icon-export","rightId":"26","actionUrl":"","url":"预案查询.xlsx"},
   {"rightName":"附件下载","iconUrl":"icon-down","rightId":"27","actionUrl":"loadYajghgl()","url":"javascript:void(0);"}

];

 for(var i=0; i<jsondata.length; i++){
  var f = jsondata[i];
  $('#funcPointContainer').append('<a id="funcPoint' + f.rightId + '" href="javascript:void(0);" class="easyui-linkbutton" iconCls="' + f.iconUrl + '" plain="true" οnclick="' + f.actionUrl + '">' + f.rightName + '</a>');
  $('#funcPoint' + f.rightId).linkbutton();
 } 

3、显示tree

$('#tt').tree({
   url: 'yaTree.json',
   lines : true,
   onClick:function(node){//单击事件  
   } 
  });

tree结构树

-----------------------------------------------------------

$('#tt').combotree({
  valueField : 'id',
     textField : 'text',
     panelHeight : '150',
     editable : false,
     url: 'yaTree.json'
 });

下拉框显示tree

-----------------------------------------------------------

$('#mbList').treegrid({
  fit: true,
  nowrap: false,
  rownumbers: true,
  striped: true,
  collapsible:false,
  singleSelect:false,
  fitColumns : true,
  url: 'yaTree.json';
  idField:'id',
  treeField:'mc',
  columns:[[
   {title:'',field:'level',hidden:true,align:'left'},
   {field:'ck',checkbox:true,width:100 },
   {title:'名称',field:'mc',width:160,align:'left'}
  ]]
 });

tree表格显示展现

4、显示表格

$('#yajghglList').datagrid({
   nowrap : false,
   striped : true,
   collapsible : false,
   singleSelect : false,
   url : 'yajghDatagrid.json',
   idField : 'yaid',
   fitColumns : true,
   fit: true,
   columns : [[
               {field : '选择',checkbox : true},
               {title : 'id',field : 'yaid',align : 'left',width : 0,hidden:true}

               ],[

               ......

               ]
   pagination:true,
   pageSize : 10,
   pageNumber:1
  });

5、新建窗口

//初始化新建窗口
$(function(){

  $('#yaWindow').window({
    width: $('#centerDiv').width()*0.85,
    height: $('#centerDiv').height()*0.70,
    title: "新建基本信息",
    closed: true,
    collapsible: false,
    minimizable: false,
    maximizable: false,
    modal: true
  });

});

function add(){

     $('#yaEditWindow').window('open');
    $('#addyaForm').attr("src","yaAdd.html");

}

  ----------------------------------------------------------

function addYa(){
 windowInit('#addWindow','新建信息',800,400);
 $('#addIframeId').attr('src','wzadd.html');
 $('#addWindow').window("open");
}

6、提示操作

$.messager.confirm('操作提示', '只能对一条数据操作！点击确定清空选中状态！', function(r){
    if (r){
     $('#wzList').datagrid('clearSelections');
    }
 });

-------------------------------------------------------------

$.messager.alert("操作提示", "只能对一条数据操作！");

-------------------------------------------------------------

$.messager.show({
  title:'操作提示',
  msg:'新建成功！',
  timeout:3000,
  showType:'slide'
 });
 $('#wzList').datagrid('reload');
 $('#wzList').datagrid('clearSelections');