CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛
CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛
CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛

Coolite Cool Study 1 在Grid中用ComboBox 来编辑数据

05020
官方有一个关于Grid CURD 的例子：http://examples.coolite.com/Examples/GridPanel/WebService_Connections/HandlerUsing/   我在其基础上稍微修改一下， 用ComboBox作为Grid的Editor：

 

先show一下效果给大家坚持看下去的动力：

关键代码：

实现代码如下：

<ext:Column ColumnID=”ContactName” DataIndex=”ContactName” Header=”Contact Name”
Width=”150″>
<Editor>
<ext:ComboBox ID=”ComboBox1″ runat=”server” StoreID=”stoContactName” DisplayField=”Name”
ValueField=”Name” TypeAhead=”false” LoadingText=”Searching…” Width=”570″ PageSize=”10″
Editable=”true” Mode=”Remote” MinListWidth=”200″ ItemSelector=”tr.search-item”
MinChars=”1″ MsgTarget=”Side” TriggerAction=”All” Grow=”true”>
<CustomConfig>
<ext:ConfigItem Name=”tpl” Value=”#{TplContactName}” Mode=”Raw” />
</CustomConfig>
</ext:ComboBox>
</Editor>
</ext:Column>

由于ComboBox作为Editor，是不能直接配置模板的，所以模板要独立写：

实现代码如下：

<ext:XTemplate ID=”TplContactName” runat=”server”>
<div>
<table id=”data_table” class=”t1″>
<thead>
<tr>
<th>
Name
</th>
<th>
Desc
</th>
</tr>
</thead>
<tbody>
<tpl for=”.”>
<tr class=”search-item”>
<td>{Name}</td>
<td>{Desc}</td>
</tr>
</tpl>
</tbody>
</table>
</div>
</ext:XTemplate>

再加上这个比较Cool的table样式就基本上完成了:

实现代码如下：

body, table.t1
{
font-size: 12px;
}
table.t1
{
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
margin: 0 auto;
}
td
{
height: 20px;
}
h1, h2, h3
{
font-size: 12px;
margin: 0;
padding: 0;
}
table.t1
{
border: 1px solid #cad9ea;
color: #666;
}
table.t1 th
{
background-image: url(/extjs/resources/images/default/panel/white-top-bottom-gif/coolite.axd);
background-repeat: repeat-x;
height: 22px;
}
table.t1 td, table.t1 th
{
border: 1px solid #cad9ea;
padding: 0 1em 0;
}
table.t1 tr.a1
{
background-color: #f5fafe;
}

Enjoy yourself！
完整的代码：
Html

实现代码如下：

<%@ Page Language=”C#” AutoEventWireup=”true”%>
<%@ Register Assembly=”Coolite.Ext.Web” Namespace=”Coolite.Ext.Web” TagPrefix=”ext” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title></title>
<style type=”text/css”><!–
body, table.t1
{
font-size: 12px;
}
table.t1
{
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
margin: 0 auto;
}
td
{
height: 20px;
}
h1, h2, h3
{
font-size: 12px;
margin: 0;
padding: 0;
}
table.t1
{
border: 1px solid #cad9ea;
color: #666;
}
table.t1 th
{
background-image: url(/extjs/resources/images/default/panel/white-top-bottom-gif/coolite.axd);
background-repeat: repeat-x;
height: 22px;
}
table.t1 td, table.t1 th
{
border: 1px solid #cad9ea;
padding: 0 1em 0;
}
table.t1 tr.a1
{
background-color: #f5fafe;
}

–></style><style type=”text/css” bogus=”1″> body, table.t1
{
font-size: 12px;
}
table.t1
{
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
margin: 0 auto;
}
td
{
height: 20px;
}
h1, h2, h3
{
font-size: 12px;
margin: 0;
padding: 0;
}
table.t1
{
border: 1px solid #cad9ea;
color: #666;
}
table.t1 th
{
background-image: url(/extjs/resources/images/default/panel/white-top-bottom-gif/coolite.axd);
background-repeat: repeat-x;
height: 22px;
}
table.t1 td, table.t1 th
{
border: 1px solid #cad9ea;
padding: 0 1em 0;
}
table.t1 tr.a1
{
background-color: #f5fafe;
}
</style>
</head>
<body>
<ext:ScriptManager ID=”ScriptManager1″ runat=”server” />
<form id=”form1″ runat=”server”>
<div>
<ext:Store runat=”server” ID=”stoContactName”>
<Proxy>
<ext:HttpProxy Url=”CustomerHandler.ashx?action=contact” />
</Proxy>
<Reader>
<ext:JsonReader Root=”data” TotalProperty=”totalCount”>
<Fields>
<ext:RecordField Name=”Name” />
<ext:RecordField Name=”Desc” />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:XTemplate ID=”TplContactName” runat=”server”>
<div>
<table id=”data_table” class=”t1″>
<thead>
<tr>
<th>
Name
</th>
<th>
Desc
</th>
</tr>
</thead>
<tbody>
<tpl for=”.”>
<tr class=”search-item”>
<td>{Name}</td>
<td>{Desc}</td>
</tr>
</tpl>
</tbody>
</table>
</div>
</ext:XTemplate>
<ext:Store ID=”dsCustomers” runat=”server” RemoteSort=”true” UseIdConfirmation=”true”>
<Proxy>
<ext:HttpProxy Url=”CustomerHandler.ashx?action=query” />
</Proxy>
<UpdateProxy>
<ext:HttpWriteProxy Url=”CustomerHandler.ashx?action=save” />
</UpdateProxy>
<Reader>
<ext:JsonReader ReaderID=”CustomerID” Root=”data” TotalProperty=”totalCount”>
<Fields>
<ext:RecordField Name=”CustomerID” SortDir=”ASC” />
<ext:RecordField Name=”CompanyName” />
<ext:RecordField Name=”ContactName” />
<ext:RecordField Name=”Email” />
<ext:RecordField Name=”Phone” />
<ext:RecordField Name=”Fax” />
<ext:RecordField Name=”Region” />
<ext:RecordField Name=”TranDate” Type=”Date” />
</Fields>
</ext:JsonReader>
</Reader>
<BaseParams>
<ext:Parameter Name=”limit” Value=”15″ Mode=”Raw” />
<ext:Parameter Name=”start” Value=”0″ Mode=”Raw” />
<ext:Parameter Name=”dir” Value=”ASC” />
<ext:Parameter Name=”sort” Value=”CustomerID” />
</BaseParams>
<SortInfo Field=”CustomerID” Direction=”ASC” />
</ext:Store>
<ext:ViewPort ID=”ViewPort1″ runat=”server”>
<Body>
<ext:FitLayout ID=”FitLayout1″ runat=”server”>
<ext:GridPanel ID=”GridPanel1″ runat=”server” Header=”false” Border=”false” StoreID=”dsCustomers”
TrackMouseOver=”true” ClicksToEdit=”1″ AutoExpandColumn=”CompanyName” Height=”500″>
<ColumnModel ID=”ColumnModel1″ runat=”server”>
<Columns>
<ext:Column ColumnID=”CustomerID” DataIndex=”CustomerID” Header=”ID”>
<Editor>
<ext:TextField ID=”TextField1″ runat=”server” MaxLength=”5″ AllowBlank=”false” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”TranDate” DataIndex=”TranDate” Header=”Tran Date”>
<Editor>
<ext:DateField ID=”DateField1″ runat=”server” Format=”yyyy-MM-dd” MsgTarget=”Side” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”CompanyName” DataIndex=”CompanyName” Header=”Company Name”>
<Editor>
<ext:TextField ID=”TextField2″ runat=”server” AllowBlank=”false” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”ContactName” DataIndex=”ContactName” Header=”Contact Name”
Width=”150″>
<Editor>
<ext:ComboBox ID=”ComboBox1″ runat=”server” StoreID=”stoContactName” DisplayField=”Name”
ValueField=”Name” TypeAhead=”false” LoadingText=”Searching…” Width=”570″ PageSize=”10″
Editable=”true” Mode=”Remote” MinListWidth=”200″ ItemSelector=”tr.search-item”
MinChars=”1″ MsgTarget=”Side” TriggerAction=”All” Grow=”true”>
<CustomConfig>
<ext:ConfigItem Name=”tpl” Value=”#{TplContactName}” Mode=”Raw” />
</CustomConfig>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ColumnID=”Email” DataIndex=”Email” Header=”Email”>
<Editor>
<ext:TextField ID=”TextField4″ runat=”server” Vtype=”email” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”Phone” DataIndex=”Phone” Header=”Phone”>
<Editor>
<ext:TextField ID=”TextField5″ runat=”server” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”Fax” DataIndex=”Fax” Header=”Fax”>
<Editor>
<ext:TextField ID=”TextField6″ runat=”server” />
</Editor>
</ext:Column>
<ext:Column ColumnID=”Region” DataIndex=”Region” Header=”Region”>
<Editor>
<ext:TextField ID=”TextField7″ runat=”server” />
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<TopBar>
<ext:Toolbar ID=”Toolbar1″ runat=”server”>
<Items>
<ext:Button ID=”Button1″ runat=”server” Text=”Save” Icon=”Disk”>
<Listeners>
<Click Handler=”#{dsCustomers}.save();” />
</Listeners>
</ext:Button>
<ext:Button ID=”Button3″ runat=”server” Text=”Add” Icon=”Add”>
<Listeners>
<Click Handler=”#{GridPanel1}.insertRecord(0, {});#{GridPanel1}.getView().focusRow(0);#{GridPanel1}.startEditing(0, 0);” />
</Listeners>
</ext:Button>
<ext:Button ID=”Button2″ runat=”server” Text=”Reject Changes” Icon=”ArrowUndo”>
<Listeners>
<Click Handler=”#{dsCustomers}.rejectChanges();” />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<BottomBar>
<ext:PagingToolBar ID=”PagingToolbar1″ runat=”server” StoreID=”dsCustomers” PageSize=”15″ />
</BottomBar>
<Listeners>
<BeforeEdit Handler=”return !(e.field==’CustomerID’ && !e.record.newRecord);” />
</Listeners>
<LoadMask ShowMask=”true” />
<SaveMask ShowMask=”true” />
</ext:GridPanel>
</ext:FitLayout>
</Body>
</ext:ViewPort>
</div>
</form>
</body>
</html>

CustomerHandler.ashx

实现代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Coolite.Ext.Web;
namespace WebSPN.Controllers
{
/// <summary>
/// Summary description for $codebehindclassname$
/// </summary>
//[WebService(Namespace = “http://tempuri.org/”)]
//[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class CustomerHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = “text/plain”;
string json = “”;
var Request =context.Request;
string action= Request[“action”];
if (action == “query”)
{
Random rand=new Random();
int limit =int .Parse ( Request[“limit”]);
int start =int .Parse ( Request[“start”]);
IList<Customer> list = new List<Customer>();
for (int i = start; i < start + limit; i++)
list.Add(new Customer
{
CustomerID = “Customer” +i,
Address = “Address” +i,
City = “City” + rand.Next(1000),
CompanyName = “Com” + rand.Next(1000),
ContactName = “Contract” + rand.Next(1000),
ContactTitle = “Title” + rand.Next(1000),
Country = “Country” + rand.Next(1000),
Email = rand.Next(1000) + “@live.com”,
Fax = rand.Next(1000).ToString() + rand.Next(1000),
Mobile = rand.Next(1000).ToString() + rand.Next(1000),
Notes = “Notes” + rand.Next(1000),
Phone = “Phone” + rand.Next(1000),
Region = “Region” + rand.Next(1000),
TranDate =DateTime .Now .AddDays(rand.Next(30))
});
json= Coolite.Ext.Web.JSON.Serialize(list);
json = “{data:” + json + “, totalCount:” + 100 + “}”;
context.Response.Write(json);
}
else if (action == “save”)
{
//saving
StoreDataHandler dataHandler = new StoreDataHandler( Request[“data”]);
ChangeRecords<Customer> data = dataHandler.ObjectData<Customer>();
foreach (Customer customer in data.Deleted)
{
//db.Customers.Attach(customer);
//db.Customers.DeleteOnSubmit(customer);
}
foreach (Customer customer in data.Updated)
{
//db.Customers.Attach(customer);
//db.Refresh(RefreshMode.KeepCurrentValues, customer);
}
foreach (Customer customer in data.Created)
{
//db.Customers.InsertOnSubmit(customer);
}
//db.SubmitChanges();
Response sr = new Response(true);
sr.Success = true;
sr.Write();
}
else if (action == “contact”)
{
string query = Request[“query”]??””;
json = “[{Name:’Bruce Lee query:”+query +”‘,Desc:’skjfkasjdkf’},{Name:’zzz’,Desc:’sffffkf’},{Name:’ssse’,Desc:’zzzzzzasjdkf’},”+
“{Name:’Bruce Lee” + DateTime.Now + “‘,Desc:’skzzjdkf’},{Name:’zzz’,Desc:’sffffkf’},{Name:’ssse’,Desc:’zzzzzzasjdkf’},” +
“{Name:’Bruce Lee’,Desc:'” + DateTime.Now + “‘},{Name:’zzz’,Desc:’sffffkf’},{Name:’ssse’,Desc:’zzzzzzasjdkf’}” +
“]”;
json = “{data:” + json + “, totalCount:” + 20 + “}”;
context.Response.Write(json);
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
public partial class Customer
{
public string CustomerID { get; set; }
public string CompanyName { get; set; }
public string ContactName { get; set; }
public string ContactTitle { get; set; }
public string Address { get; set; }
public string City { get; set; }
public string Region { get; set; }
public string PostalCode { get; set; }
public string Country { get; set; }
public string Phone { get; set; }
public string Fax { get; set; }
public string Mobile { get; set; }
public string Email { get; set; }

public string WebPage { get; set; }
public string Notes { get; set; }
public DateTime TranDate { get; set; }
}
}

以上就是【Coolite Cool Study 1 在Grid中用ComboBox 来编辑数据】的全部内容了,欢迎留言评论进行交流!

© 版权声明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！邮箱：cxysz1@tom.com
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
丞旭猿论坛
THE END
技术文档
喜欢就支持一下吧
点赞0赞赏 分享
丞旭猿的头像-丞旭猿合伙人
创维e900机顶盒使用手册（干货满满）创维e900机顶盒配置，山东联通版创维E900V21C盒子刷入Armbiam并安装宝塔和Docker，-丞旭猿
创维e900机顶盒使用手册（干货满满）创维e900机顶盒配置，山东联通版创维E900V21C盒子刷入Armbiam并安装宝塔和Docker，
创维e900机顶盒使用手册（干货满满）创维e900机顶盒配置，山东联通版...
2年前 5401
2022年最新wordpress主题破解版本Zibll子比主题V6.5最新完美破解版 全网首发 丞旭猿站长亲测-丞旭猿
2022年最新wordpress主题破解版本Zibll子比主题V6.5最新完美破解版 全网首发 丞旭猿站长亲测
2022年最新wordpress主题破解版本Zibll子比主题V6.5最新完美破解版 ...
2年前 3451
java开发智慧停车场源码免费下载SpringBoot+Vue智能停车场管理平台源码-丞旭猿
java开发智慧停车场源码免费下载SpringBoot+Vue智能停车场管理平台源码
java开发智慧停车场源码免费下载SpringBoot+Vue智能停车场管理平台源...
2年前 3388
SpringBoot生产制造执行MES系统源码 MES源码-丞旭猿
SpringBoot生产制造执行MES系统源码 MES源码
SpringBoot生产制造执行MES系统源码 MES源码
1年前 3139
源码免费下载2022最新彩虹易支付系统二开版本带教程支付系统源码-丞旭猿
源码免费下载2022最新彩虹易支付系统二开版本带教程支付系统源码
源码免费下载2022最新彩虹易支付系统二开版本带教程支付系统源码
2年前 3110
discuzq使用教程（墙裂推荐）discuz，Discuz! Q 使用宝塔安装的最全教程（2020年5月更新），-丞旭猿
discuzq使用教程（墙裂推荐）discuz，Discuz! Q 使用宝塔安装的最全教程（2020年5月更新），
discuzq使用教程（墙裂推荐）discuz，Discuz! Q 使用宝塔安装的最全...
2年前 3013
相关推荐
apache免费开源许可证（这都可以？）apache license 2.0 开源协议，中国开源创企调查：Apache 2.0 许可证是最大赢家，丞旭猿免费源码交易平台，-丞旭猿
apache免费开源许可证（这都可以？）apache license 2.0 开源协议，中国开源创企调查：Apache 2.0 许可证是最大赢家，丞旭猿免费源码交易平台，
apache免费开源许可证（这都可以？）apache license 2.0 开源协议，中国开源创企调查：Apache 2....
1年前 585
河北省邢台市计划生育网上办事大厅（这都可以）河北省邢台市有多少个县，河北省邢台市统战部门开展“乡情招商”，开源平台，-丞旭猿
河北省邢台市计划生育网上办事大厅（这都可以）河北省邢台市有多少个县，河北省邢台市统战部门开展“乡情招商”，开源平台，
河北省邢台市计划生育网上办事大厅（这都可以）河北省邢台市有多少个县，河北省邢台市统战部门开...
1年前 760
双甘膦厂家排名（燃爆了）双甘膦龙头企业，规范 全球最大的双甘膦供应商,产能为15万吨/年,利润率达46%,股价仅3，免费源码交易平台，-丞旭猿
双甘膦厂家排名（燃爆了）双甘膦龙头企业，规范 全球最大的双甘膦供应商,产能为15万吨/年,利润率达46%,股价仅3，免费源码交易平台，
双甘膦厂家排名（燃爆了）双甘膦龙头企业，规范 全球最大的双甘膦供应商,产能为15万吨/年,利润率...
1年前 596
纳米比亚独立事件（全程干货）纳米比亚与美国关系，纳米比亚在其附近海域发现美国“间谍船”？ 中方：美国是全球最大的监控、侦察国家，开源平台，-丞旭猿
纳米比亚独立事件（全程干货）纳米比亚与美国关系，纳米比亚在其附近海域发现美国“间谍船”？ 中方：美国是全球最大的监控、侦察国家，开源平台，
纳米比亚独立事件（全程干货）纳米比亚与美国关系，纳米比亚在其附近海域发现美国“间谍船”？ ...
1年前 399
中国房企境外融资排名（万万没想到）中国房企境外融资规模，房企融资迎新变化 境外债“开门红”后担忧仍在，源码交易平台，-丞旭猿
中国房企境外融资排名（万万没想到）中国房企境外融资规模，房企融资迎新变化 境外债“开门红”后担忧仍在，源码交易平台，
中国房企境外融资排名（万万没想到）中国房企境外融资规模，房企融资迎新变化 境外债“开门红”...
1年前 702
大足2021新项目建设（满满干货）大足区2021年怎么发展规划建设，大足 加快做优做强园区景区城区发展平台，免费源码交易平台，-丞旭猿
大足2021新项目建设（满满干货）大足区2021年怎么发展规划建设，大足 加快做优做强园区景区城区发展平台，免费源码交易平台，
大足2021新项目建设（满满干货）大足区2021年怎么发展规划建设，大足 加快做优做强园区景区城区...
1年前 669
评论 抢沙发
头像
欢迎您留下宝贵的见解！
提交
头像

昵称

取消
昵称

请填写用户信息：

  • 昵称
  • 邮箱
表情
[aoman][baiyan][bishi][bizui][cahan][ciya][dabing][daku][deyi][doge][fadai][fanu][fendou][ganga][guzhang][haixiu][hanxiao][zuohengheng][zhuakuang][zhouma][zhemo][zhayanjian][zaijian][yun][youhengheng][yiwen][yinxian][xu][xieyanxiao][xiaoku][xiaojiujie][xia][wunai][wozuimei][weixiao][weiqu][tuosai][tu][touxiao][tiaopi][shui][se][saorao][qiudale][qinqin][qiaoda][piezui][penxue][nanguo][liulei][liuhan][lenghan][leiben][kun][kuaikule][ku][koubi][kelian][keai][jingya][jingxi][jingkong][jie][huaixiao][haqian][aini][OK][qiang][quantou][shengli][woshou][gouyin][baoquan][aixin][bangbangtang][xiaoyanger][xigua][hexie][pijiu][lanqiu][juhua][hecai][haobang][caidao][baojin][chi][dan][kulou][shuai][shouqiang][yangtuo][youling]
代码

请输入代码：

确认
图片

    暂无评论内容

会员中心
默认头像
开启精彩搜索

热门搜索

热榜文章
风车IM附APP链动2+1金蝶系统酒店蝴蝶池苹果cms聊天APP社区论坛点大商城V2版源码抖音恋爱主题微擎微信小程序微信公众号端影视客服商城口红机
CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛
CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛
CXYVIP官网源码交易平台_网站源码_商城源码_小程序源码平台-丞旭猿论坛