﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-bob-文章分类-EasyUI</title><link>http://www.blogjava.net/keweibo/category/54528.html</link><description>&lt;script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"&gt;&lt;/script&gt;
&lt;!-- iteye 460 60 --&gt;
&lt;ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-2876867208357149"
     data-ad-slot="0418982663"&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
</description><language>zh-cn</language><lastBuildDate>Thu, 18 Sep 2014 05:21:27 GMT</lastBuildDate><pubDate>Thu, 18 Sep 2014 05:21:27 GMT</pubDate><ttl>60</ttl><item><title>jquery easyui惯用form控件的使用(转)</title><link>http://www.blogjava.net/keweibo/articles/417994.html</link><dc:creator>Ke</dc:creator><author>Ke</author><pubDate>Tue, 16 Sep 2014 11:20:00 GMT</pubDate><guid>http://www.blogjava.net/keweibo/articles/417994.html</guid><wfw:comment>http://www.blogjava.net/keweibo/comments/417994.html</wfw:comment><comments>http://www.blogjava.net/keweibo/articles/417994.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/keweibo/comments/commentRss/417994.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/keweibo/services/trackbacks/417994.html</trackback:ping><description><![CDATA[<span style="text-align: left; text-transform: none; text-indent: 0px; display: inline !important; font: 14px/24px Tahoma; white-space: normal; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-stroke-width: 0px">jquery easyui常用form控件的使用(转)</span><br style="text-align: left; padding-bottom: 0px; text-transform: none; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 14px/24px Tahoma; white-space: normal; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" /><span style="text-align: left; text-transform: none; text-indent: 0px; display: inline !important; font: 14px/24px Tahoma; white-space: normal; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-stroke-width: 0px">easyui为我们提供的简单的验证功能，验证方法包括：数据格式的验证，长度的验证，是否为必输项的验证，将需要验证的属性配置到data-options中即可。</span><br style="text-align: left; padding-bottom: 0px; text-transform: none; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 14px/24px Tahoma; white-space: normal; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" /><br style="text-align: left; padding-bottom: 0px; text-transform: none; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 14px/24px Tahoma; white-space: normal; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" /><span style="text-align: left; text-transform: none; text-indent: 0px; display: inline !important; font: 14px/24px Tahoma; white-space: normal; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-stroke-width: 0px">1 数据格式验证：</span><br style="text-align: left; padding-bottom: 0px; text-transform: none; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 14px/24px Tahoma; white-space: normal; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" /><br style="text-align: left; padding-bottom: 0px; text-transform: none; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 14px/24px Tahoma; white-space: normal; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" /><pre style="text-align: left; padding-bottom: 0px; line-height: 24px; text-transform: none; font-variant: normal; font-style: normal; text-indent: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; letter-spacing: normal; color: rgb(0,0,0); font-size: 14px; font-weight: normal; word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px" class="java" name="code">（1）：必输项：

          &lt;input class="easyui-validatebox" type="text" name="name" data-options="required:true"&gt;&lt;/input&gt;

 (2)格式的验证：

         &lt;input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'"&gt;&lt;/input&gt;

&lt;input class="easyui-validatebox" type="text" name="email" data-options="required:true,validType:'url'"&gt;&lt;/input&gt;

（3）长度范围的验证：

      &lt;input class="easyui-validatebox" data-options="validType:'length[1,3]'"&gt;

（4）numerbox：

      &lt;input id="nn" class="easyui-numberbox" data-options="min:5.5,max:20,precision:2,required:true"/&gt;

      method：$('#mm').numberbox(setValue,getValue)

（5）numberspinner：

     &lt;input id="ss" class="easyui-numberspinner" data-options="min:10,max:100,required:true" style="width:80px;"&gt;&lt;/input&gt;
     &lt;input class="easyui-numberspinner" value="1000" data-options="increment:100" style="width:120px;"&gt;&lt;/input&gt;

(6)combo

 &lt;div id="sp"&gt;
  &lt;div style="color:#99BBE8;background:#fafafa;padding:5px;"&gt;Select a language&lt;/div&gt;
  &lt;input type="radio" name="lang" value="01"&gt;&lt;span&gt;Java&lt;/span&gt;&lt;br/&gt;
  &lt;input type="radio" name="lang" value="02"&gt;&lt;span&gt;C#&lt;/span&gt;&lt;br/&gt;
  &lt;input type="radio" name="lang" value="03"&gt;&lt;span&gt;Ruby&lt;/span&gt;&lt;br/&gt;
  &lt;input type="radio" name="lang" value="04"&gt;&lt;span&gt;Basic&lt;/span&gt;&lt;br/&gt;
  &lt;input type="radio" name="lang" value="05"&gt;&lt;span&gt;Fortran&lt;/span&gt;
 &lt;/div&gt;

js：  $(function(){
   $('#cc').combo({
    required:true,
    editable:false
   });
   $('#sp').appendTo($('#cc').combo('panel'));
   $('#sp input').click(function(){
    var v = $(this).val();
    var s = $(this).next('span').text();
    $('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
   });
  });

(7)combobox：

I: &lt;select id="cc" class="easyui-combobox" name="state" style="width:200px;" data-options="required:true"&gt;
  &lt;option value="AL"&gt;Alabama&lt;/option&gt;
  &lt;option value="AK"&gt;Alaska&lt;/option&gt;
  &lt;option value="AZ"&gt;Arizona&lt;/option&gt;
 &lt;/select&gt;

II： &lt;input class="easyui-combobox"
   name="language"
   data-options="
     url:'combobox_data.json',
     valueField:'id',
     textField:'text',
     multiple:true,
     panelHeight:'auto'
   "&gt;

method：  function loadData(){
   $('#cc').combobox({
    url:'combobox_data.json',
    valueField:'id',
    textField:'text'
   });
  }
  function setValue(){
   $('#cc').combobox('setValue','CO');
  }
  function getValue(){
   var val = $('#cc').combobox('getValue');//如果是多选，则调用方法：getValues，return：val1,val2,val3
   alert(val);
  }
  function disable(){
   $('#cc').combobox('disable');
  }
  function enable(){
   $('#cc').combobox('enable');
  }

 

(8)datepicker

    &lt;input class="easyui-datebox" data-options="formatter:formatDate"&gt;

    js:function formatterDate(data){

     var year = date.getFullYear();

     var month = date.getMonth + 1;

     var date = date.getDate();

    if(month &lt; 10){

      month = '0' + month;

 }

   return year + '-' + month + '-' + date;

 }</pre><img src ="http://www.blogjava.net/keweibo/aggbug/417994.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/keweibo/" target="_blank">Ke</a> 2014-09-16 19:20 <a href="http://www.blogjava.net/keweibo/articles/417994.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>转：Easyui Tree方法扩展 - getLevel(获取节点级别)</title><link>http://www.blogjava.net/keweibo/articles/417899.html</link><dc:creator>Ke</dc:creator><author>Ke</author><pubDate>Sat, 13 Sep 2014 08:12:00 GMT</pubDate><guid>http://www.blogjava.net/keweibo/articles/417899.html</guid><wfw:comment>http://www.blogjava.net/keweibo/comments/417899.html</wfw:comment><comments>http://www.blogjava.net/keweibo/articles/417899.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/keweibo/comments/commentRss/417899.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/keweibo/services/trackbacks/417899.html</trackback:ping><description><![CDATA[原文：<a href="http://www.jeasyuicn.com/the-extended---easyui-tree-method-getlevel-access-node-level.html">http://www.jeasyuicn.com/the-extended---easyui-tree-method-getlevel-access-node-level.html</a><br /><br /><br />
<p>Easyui Tree一直就没有提供这个方法,以前没有用到,所以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. </p>
<div id="highlighter_745118" class="syntaxhighlighter  jscript">
<div class="lines">
<div class="line alt1">
<table>
<tbody>
<tr>
<td class="number"><code>1</code></td>
<td class="content"><code class="jscript plain">$.extend($.fn.tree.methods, { </code></td></tr></tbody></table></div>
<div class="line alt2">
<table>
<tbody>
<tr>
<td class="number"><code>2</code></td>
<td class="content"><code class="spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="jscript plain">getLevel:</code><code class="jscript keyword">function</code><code class="jscript plain">(jq,target){ </code></td></tr></tbody></table></div>
<div class="line alt1">
<table>
<tbody>
<tr>
<td class="number"><code>3</code></td>
<td class="content"><code class="spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="jscript keyword">var</code> <code class="jscript plain">l = $(target).parentsUntil(</code><code class="jscript string">"ul.tree"</code><code class="jscript plain">,</code><code class="jscript string">"ul"</code><code class="jscript plain">); </code></td></tr></tbody></table></div>
<div class="line alt2">
<table>
<tbody>
<tr>
<td class="number"><code>4</code></td>
<td class="content"><code class="spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="jscript keyword">return</code> <code class="jscript plain">l.length+1; </code></td></tr></tbody></table></div>
<div class="line alt1">
<table>
<tbody>
<tr>
<td class="number"><code>5</code></td>
<td class="content"><code class="spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="jscript plain">} </code></td></tr></tbody></table></div>
<div class="line alt2">
<table>
<tbody>
<tr>
<td class="number"><code>6</code></td>
<td class="content"><code class="jscript plain">});</code></td></tr></tbody></table></div></div></div>用法: 
<div id="highlighter_194124" class="syntaxhighlighter  jscript">
<div class="lines">
<div class="line alt1">
<table>
<tbody>
<tr>
<td class="number"><code>1</code></td>
<td class="content"><code class="jscript keyword">var</code> <code class="jscript plain">node = $().tree(</code><code class="jscript string">"getSelected"</code><code class="jscript plain">); </code></td></tr></tbody></table></div>
<div class="line alt2">
<table>
<tbody>
<tr>
<td class="number"><code>2</code></td>
<td class="content"><code class="jscript keyword">var</code> <code class="jscript plain">lv =&nbsp; $().tree(</code><code class="jscript string">"getLevel"</code><code class="jscript plain">,node.target);</code></td></tr></tbody></table></div></div></div><img src ="http://www.blogjava.net/keweibo/aggbug/417899.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/keweibo/" target="_blank">Ke</a> 2014-09-13 16:12 <a href="http://www.blogjava.net/keweibo/articles/417899.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>