zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
    PowerDesigner最基础的使用方法入门学习
    Centos7 上安装mysql遇上的问题:mysql无法正常启动
    微信小程序的Web API接口设计及常见接口实现
    模型数据作渲染优化时遇到的问题
    vertex compression所遇到的问题
    depth and distance
    Linear or non-linear shadow maps?
    实施vertex compression所遇到的各种问题和解决办法
    【转】編譯Ogre1.9 IOS Dependencies及Ogre Source步驟及相關注意事項…
  • 原文地址:https://www.cnblogs.com/leischen/p/2595869.html
Copyright © 2011-2022 走看看