转：利用jquery+repeater实现AJAX化的DataList

虽然说微软的DataList相当强大但是由于需要使用VIEWSTATE 并且一个简单的操作就必须刷新页面所以决定在项目中使用JQUERY来达到ajax化的DataList

当然数据绑定控件还是需要有的此处仅需要repeater来做到数据绑定其余部分均使用html控件来完成

主要思路：通过对DataList的观察发现他也只是给各个控件加一个具体的ID 比如说第一行的INPUT ID即为DataList的ID+自增的ID 如此一来我们的repeater改造成AJAX化的DataList便有了思路只要给TABLE中每一行加一个独有的ID便可以取到该行内的任何控件

以下为代码：

js部分（使用的jquery版本为1.4.2）：

css部分：

html部分（数据源为自己写的分页用户控件有一个属性为CommandText 设定该属性便可执行相应的SQL语句并将返回的DataTable作为控件的数据源）：

CS部分：

public partial class viewcottoninfo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

        DataSource.CommandText = "GetCottonInfo";
    }
    protected void Page_PreRender(object sender, EventArgs e)
    {
        RCottonList.DataSource = DataSource.Data;
        RCottonList.DataBind();
    }
}

webservice部分（ECottonInfo,EOperation分别为实体类映射数据库，Ladmin为逻辑层同时充当操作代理）：

    [WebMethod(EnableSession = true)]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string AJAXEditCottonInfo(string id,string lv,string location_no,string bag_amount,
        string inventory,string head_length,string uniformity,string strength,string macronaire,
        string reflectivity,string yellowness,string price)
    {
        int iid = Convert.ToInt32(id);
        location_no = Server.UrlDecode(location_no);
        ECottonInfo myci = new ECottonInfo(iid, DateTime.Now.ToString(),lv, location_no, int.Parse(bag_amount),
            float.Parse(inventory), float.Parse(head_length), float.Parse(uniformity), float.Parse(strength), float.Parse(macronaire),
            float.Parse(reflectivity), float.Parse(yellowness));
        myci.ECIPrice = float.Parse(price);
        LAdmin myadmin = LAdmin.adminbuild();
        EOperation myope = new EOperation(DateTime.Now.ToString(), 4, myadmin.ID);
        if (myadmin.EditCottonInfo(myci, myope))
        {
            StringBuilder sb = new StringBuilder("{");
            sb.AppendFormat("'data':'T','lv':'{0}','date':'{1}','location':'{2}','amount':'{3}','inventory':'{4}','head_length':'{5}',",
                lv,DateTime.Now.ToString(), location_no,bag_amount,inventory,head_length);
            sb.AppendFormat("'uniformity':'{0}','strength':'{1}','macronaire':'{2}','reflectivity':'{3}','yellowness':'{4}','id':'{5}','price':'{6}'",
                uniformity,strength,macronaire,reflectivity,yellowness,id,price);
            sb.Append("}");
            return sb.ToString();
        }
        return "{'data':'F'}";
    }

当然我也知道此种功能网上必然有相应的第三方插件可以实现而且更简单快捷自己做完全是为了试试看有没有可以摆脱服务器控件的方法同时也从某种角度上挖掘一下服务器控件的工作原理虽然说如此开发效率比较低下不过算是胜在用户体验了