• EXT.NET常用控件使用


    (一)ComboBox的使用

    1:绑定静态数据

    <ext:ComboBox ID="cbSt" runat="server" FieldLabel="状态" LabelWidth="35" AnchorHorizontal="100%"
      LabelSeparator=":" AllowBlank="false">
      <Items>
        <ext:ListItem Text="启用" Value="1" />
        <ext:ListItem Text="停用" Value="2" />
      </Items>
    </ext:ComboBox>

    <ext:ComboBox runat="server" ID="cbState" SelectedIndex="0" LabelSeparator=":" FieldLabel="付款状态"
    AnchorHorizontal="100%" LabelWidth="50">
      <Items>
        <ext:ListItem Text="全部" Value="0" />
        <ext:ListItem Text="全付完" Value="1" />
        <ext:ListItem Text="未付完" Value="2" />
      </Items>
    </ext:ComboBox>

    2:绑定动态数据

    <ext:ComboBox ID="cbRole" runat="server" FieldLabel="角色" LabelSeparator=":" AnchorHorizontal="100%"
    AllowBlank="true" StoreID="StoreRole" DisplayField="RoleName" ValueField="ID"
    EmptyText="请选择" />

    store数据绑定:

    <ext:Store ID="StoreRole" runat="server" OnRefreshData="StoreRole_OnRefreshData">
    <Reader>
    <ext:JsonReader IDProperty="ID">
    <Fields>
    <ext:RecordField Name="ID" />
    <ext:RecordField Name="RoleName" />
    </Fields>
    </ext:JsonReader>
    </Reader>
    </ext:Store>

    后台获取VALUE: 

    StoreRole.DataSource = HJ.Role.ToList();
    StoreRole.DataBind();

    int RoleID = Convert.ToInt32(cbRole.SelectedItem.Value);

    (二)控件颜色控制

    <ext:Column Header="应付款" DataIndex="Payables" Width="50">
    <Renderer Fn="change1" />
    </ext:Column>
    <ext:Column Header="已付款" DataIndex="Paid" Width="50">
    <Renderer Fn="change2" />
    </ext:Column>
    <ext:Column Header="未付款" DataIndex="Nonpayment" Width="50">
    <Renderer Fn="change3" />
    </ext:Column>

    JS控制

    var template = '<span style="color:{0}; font-weight: bolder;font-size: 14px;">{1}</span>';

    var change1 = function (value) {
    return String.format(template, (value > 0) ? "red" : "red", value).toString();
    };
    var change2 = function (value) {
    return String.format(template, (value > 0) ? "blue" : "blue", value).toString();
    };
    var change3 = function (value) {
    return String.format(template, (value > 0) ? "Green" : "Green", value).toString();
    };

     补充:

    (1)
    string p1 = "Jackie";
    string p2 = "Aillo";
    Response.Write(String.Format("Hello {0}, I'm {1}", p1, p2));
    (2)
    Response.Write(String.Format("Hello {0}, I'm {1}", "Jackie", "Aillo"));

    这二者的效果是一样的。都是将最后面的两项的值分别替换第一项的{0}和{1}。
    输出的结果是:Hello Jackie, I'm Aillo

  • 相关阅读:
    多线程09-Lock和Condition
    多线程08-Callable和Future
    多线程07-线程池
    在linux环境下搭建java web测试环境(非常详细!)
    Linux下的环境部署和项目发布
    Linux下安装软件命令详解
    Linux下安装Tomcat服务器和部署Web应用
    monkey实战--测试步骤、常用参数、常规monkey命令
    如何做好回归测试
    Apache转发到Tomcat
  • 原文地址:https://www.cnblogs.com/leischen/p/2595869.html
Copyright © 2020-2023  润新知