学习笔记20140711

1,需要做两个验证，data-options 里怎么写：

2,js拼接html代码，组合一个页面：

function loadStatusDetail(){

   $.messager.progress({

      text:"数据加载中..."

   });

   $.getJSON('cr/crawlerTask/getEntity.do',{'id':crawlerId}, function(data){

      var kdata = "";

      $('#crawlerTaskDetailForm').form('load',data.result);

      $.getJSON('cr/keyWordCrawlerTask/minuteEntity.do',{'taskId':taskIdd}, function(data){

         $.each( data, function(i, d){

            if(d.addResult=="true"){

               d.addResult = "成功";

            }

            else if(d.addResult=="false"){

                d.addResult = "失败";

            }

            var kwdivs = '';

            kwdivs+='<div class="pachong">';

            kwdivs+='<div class="pachong-section">';

            kwdivs+='<div class="pachong-left">';

            kwdivs+='<h1>关键字策略详情</h1>';

            kwdivs+='<label><b>关键词：</b>'+d.keywords+'</label>';

            kwdivs+='<label><b>接口返回状态：</b>'+d.addResult+'</label>';

            kwdivs+='<label><b>任务创建时间：</b>'+d.createDate+'</label>';

            kwdivs+='<label><b>KId:</b>'+d.kId+'</label>';

            kwdivs+='<label><b>任务状态：</b>'+d.status+'</label>';

            kwdivs+='<label><b>任务ID：</b>'+d.taskId+'</label>';

            kwdivs+='<label><b>备注：</b>'+d.remark+'</label>';

            kwdivs+='</div>';

            kwdivs+='<div  class="pachong-right">';

            kwdivs+='<h1>关键词任务详情</h1>';

            kwdivs+='<div id="pachong-right'+i+'">';

            kwdivs+='</div>';

            kwdivs+='</div>';

            kwdivs+='</div>';

            kwdivs+='</div>';

            var resulttemp = "";

            resulttemp+='<label><b>成功返回状态：</b><b id="statusResult_'+i+'"></b></label>';

            resulttemp+='<label><b>任务创建时间：</b><b id="taskDate_'+i+'"></b></label>';

            resulttemp+='<label><b>今日量：</b><b id="todayCount_'+i+'"></b></label>';

            resulttemp+='<label><b>总量：</b><b id="totalCount_'+i+'"></b></label>';

            resulttemp+='<span id="stock_'+i+'" class="pachong-map"></span>';

            $(kwdivs).appendTo("#content");

            $.ajax({

                type:"POST",

                url:"cr/keyWordCrawlerTask/minuteEntityResult.do",

                data:{'kid':d.kId},

                dataType:"json",

                beforeSend:function(){

                   $("#pachong-right"+i).html("<label>数据加载中</label><img  src='js/plugs/plupload/queue/img/uploading.gif'>");

                },

                success:function(data){

                   $("#pachong-right"+i).html(resulttemp);

                   console.log("trend:"+data.trend);

                   if(data.result==true){

                      $("#statusResult_"+i).html("成功");

                      $("#taskDate_"+i).html(data.taskDate);

                      $("#todayCount_"+i).html(data.todayCount);

                      $("#totalCount_"+i).html(data.totalCount);

                      if(data.trend == "null"){

                         $("#stock_"+i).html("暂时没有趋势数据");//这里如何写

                      }

                      else{

                         var result = trans(data.trend);

                         test('stock_'+i,result);

                      }

                   }else{

                      $("#statusResult_"+i).html("失败");

                      $("#taskDate_"+i).html("无");

                      $("#todayCount_"+i).html("无");

                      $("#totalCount_"+i).html("无");

                      error('stock_'+i);

                   }

                }

            });

         });

         $.messager.progress('close');

      });

   });

   //把页面元素设置为不可编辑

   $("#crawlerTaskDetailForm").find("input").each(function(){

      $(this).attr("disabled","disabled");

   })

}

 

 

3，easyui里的下拉框，数据在js里面写：

jsp文件中，只需写上id="isCheck"

js文件里只需如下写：

//人工确认

   loadersonCate("isCheck");

 

//是否人工确认

function loadersonCate(elementId){

   $("#"+elementId).combobox({

      valueField:'pid',

      textField:'pname',

      panelHeight:'auto',

      editable : false

   });

  

   result = [{"pid":"0","pname":"未确认"},{"pid":"1","pname":"已确认"}];

   $("#"+elementId).combobox('loadData',result);

}

 

 

 

 

4.datagrid 里可以formatter:

formatter:function(value,rec,index){

            return '<a target="_blank" class="easyui-tooltip" href="http://'+value+'" >'+value+'</a>';

 

 

5.js里转换成json格式：

data = eval("("+data+")");

 

6.easyui combobox下拉添加一个新的选项：

//前置审批类别tree

   function loadPreComboxData(elementId){  

     

      var data = "";

      $.ajax({

         type:"POST",

         url:'sc/classifySite/getPrecatename.do',

         dataType:"json",

         success:function(result){

           

            $("#"+elementId).combobox({

                valueField:'ysid',

                textField:'prename',

                editable : false

                });

            var ALLVALUE = {'ysid':"0",'prename':'无前置分类'};

            result.unshift(ALLVALUE);

            $("#"+elementId).combobox('loadData',result);

            getMainFrameWindow().reloadDatagrid();

         }

      });

      //$("#"+elementId).combobox('loadData',data);

   }