easyui validatebox textbox 取值和賦值

easyui-textbox 

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" 
　　name="snumber" data-options="required:true, missingMessage:'請輸入學號'" />
 

 賦值的方式：
 1 //使用表單選擇器：代碼似乎是有異常的
 2 //$("input[name='snumber']").textbox('setValue', "22012");
 3 //使用表單選擇器：代碼沒有異常 但不能為input設置值
 4 //$("input[name='snumber']").val("22012"); 
 5 //使用id選擇器：不能設置值
 6 //$("#addSnumber").val("22012");
 7 //使用id選擇器：可以設置值
 8 $("#addSnumber").textbox('setValue', "22012");
 9 //使用id選擇器和setText：可以設置值
10 $("#addSnumber").textbox('setText', "22012");

所以：為text-box設置值只能使用id選擇器選擇表單元素，然后使用textbox("setValue", value); 的方式進行賦值；


獲取值也是如此：

var snumber = $("#addSnumber").textbox('getValue');
 



easyui-validatebox的設置值或獲取值的方式又有點不一樣

表單作如下定義:

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text" 
　　name="snumber" data-options="required:true, missingMessage:'請輸入學號'" />
 獲取值的方式：
 1 //這種方式是可以設置值的
 2 //$("#addSnumber").val("22015");
 3 //可以設置值
 4 //$("input[name=snumber]").val("22015");
 5 //不能設置值，且語法不對有異常
 6 //$("input[name=snumber]").textbox("setValue", "22015");
 7 //不能設置值，且語法不對有異常
 8 //$("input[name=snumber]").textbox("setText", "22015");
 9 //不能設置值，且語法不對有異常
10 //$("#addSnumber").textbox("setvalue", "22015");
 
所以：validatebox只能用$().val()方式設置和獲取值，選擇器既可以用id選擇器，也可以用表單選擇器

 

總結：表單元素使用easyui時，textbox和validatebox設置值和獲取值的方式不一樣 text-box設置值只能使用id選擇器選擇表單元素，只能使用textbox("setValue", value) 或 textbox("seText", value) 的方式設置值，使用textbox("getValue") 或textbox("getText") 獲取值； validatebox設置值可以使用id選擇器和表單選擇器，只能使用val()獲取值和設置值。





項目實例：
1.html文件

　　　　　　　　　　　　<tr id="client_check1">
                        <th>委托人證件類型:</th>
                        <td><input id="certType" type="radio" name="certType"
                            class="easyui-validatebox" checked="checked" value="身份證"><label>身份證</label></input>
                            <input id="certType" type="radio" name="certType"
                            class="easyui-validatebox" value="護照"><label>護照</label></input>
                        </td>
                    </tr>
                    <tr id="client_check2">
                        <th>委托人名稱:</th>
                        <td><input id="clientName" type="text" name="clientName" style="width:400px;"
                            class="easyui-textbox" data-options="required:true"></input></td>
                    </tr>
                    <tr id="client_check3">
                        <th>委托人手機號碼:</th>
                        <td><input id="clientPhone" type="text" name="clientPhone" style="width:400px;"
                            class="easyui-textbox" data-options="required:true"></input></td>
                    </tr>

 

2.js方法

function clientForm(){
    var clientNo = $('#client').val();
    
    //發送ajax請求,如果已存在該委托人的信息,進行回顯
    $.ajax({
        type : "GET",
        url : parent.baseUrl+'goods/findClient/'+clientNo,
        data : null,
        dataType : 'json',
        success : function(data) {
            //將委托人的信息進行賦值
            if (data.certType == "身份證") {
                $("input[name='certType'][value='身份證']").attr("checked",true); 
            }else if(data.certType == "護照"){
                $("input[name='certType'][value='護照']").attr("checked",true); 
            }
            
//            $("input[name='radioName'][value=2]").attr("checked",true); 
//            $('#certType').textbox('setValue',data.certType);
            $('#clientName').textbox('setValue',data.name);
            $('#clientPhone').textbox('setValue',data.mobile);
        }
    });
}