FineUI 官方论坛

标题: FAQ贴，不断更新。 [打印本页]

作者: 黑冰.cn 时间: 2013-10-29 11:42
标题: FAQ贴，不断更新。
本帖最后由黑冰.cn 于 2013-11-6 17:18 编辑

A：想要实现DEMO中的左侧点击树，在右侧打开怎么做
Q：下载此示例[attach]3492[/attach]

A：下载的DEMO运行提示Ext未定义怎么办
Q：下载extjs，放到项目根目录，传送门http://fineui.com/bbs/forum.php?mod=viewthread&tid=3218
A：搭建项目老是出错怎么办
Q：下载空项目，传送门>>http://fineui.com/bbs/forum.php?mod=viewthread&tid=2123

A：fineui中 Js怎么打开window
Q：代码示例：X("WindowID").box_show("/Trust/Accept.aspx?ID=12","受理委托");

A：我想Alert.Show("保存成功");后关闭window如何做啊
Q：PageContext.RegisterStartupScript(ActiveWindow.GetHidePostBackReference() + Alert.GetShowInParentReference("保存成功！"));

A：DorpDownList支持多选吗
Q：不支持

A：Formrow之间的行距太小，如何增宽一点
Q：在页面中加入CSS
.x-form-item {margin-bottom: 8px;}

A：Grid控件，某行某个字段值满足一定条件时，该字段值变红
Q：用TemplateField<ext:TemplateField>
<itemTemplate>
<%# WrapColor(Eval("studentStatus"),"休学","red")%>

后台
protected string WrapColor(object value,string condition,string color){
   var val = value.ToString();
   return string.format("<span style='color:{1}'>{0}</span>",val,val==condition?color:"");
}

其它小技巧：

Grid单元格换行
      .x-grid-tpl,.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner {
         white-space: normal;
      }
Grid模板列内容行距
      .x-grid-tpl {
         line-height: 22px;
      }
Grid行高
      .x-grid3-row-table tr{ height: 25px;}

Grid分页工具条上的合计及字体调整
      C#代码：
      var list = bEmployee.GetList(page + 1, GridList.PageSize, where.ToString(), out total);
      lblSum.Text = list.Sum(p=>p.DebtNeed).ToString("0.00");
      设计代码：

      <PageItems>
            <ext:Label runat="server" Text="未收款合计：" CssStyle="margin-left:100px;"></ext:Label>
            <ext:Label runat="server" ID="lblSum" Text="0.00" CssClass="sum"></ext:Label>
      </PageItems>
      CSS:
      .sum span{
         font-weight: bold !important;
         font-size: 14px !important;
         color: red !important;
      }
Form输入控件提示的字体大小调整
   .x-tip .x-tip-body{ font-size: 12px;}
Toolbar中的文本框响应回车执行查询
   设计代码：
            <ext:Toolbar ID="Toolbar1" runat="server" Position="Top">
                  <Items>
                     <ext:TextBox ID="txtProjectName" runat="server" EmptyText="工程名称查询.."></ext:TextBox>
                     <ext:ToolbarSeparator ID="ToolbarSeparator2" runat="server"></ext:ToolbarSeparator>
                     <ext:Button ID="btnSearch" runat="server" Icon="SystemSearch" Text="查询"></ext:Button>
                  </Items>
            </ext:Toolbar>
   JS脚本：
   <script>
                  function onReady() {
                     var txtProjectName = Ext.getCmp('<%=txtProjectName.ClientID %>');

                     txtProjectName.on('specialkey', function (box, e) {
                        if (e.getKey() == e.ENTER) doSearch();
                     });
                  function doSearch() {
                     //触发btnSearch的单击事件，执行查询
                     X.disable('<%=btnSearch.ClientID %>');
                     __doPostBack('<%=btnSearch.UniqueID %>', '');
                  }
                  }
   </script>
      C#代码
      protected void BtnSearchClick(object sender, EventArgs e)
      {
            BindGrid(0);
      }
      private void BindGrid(int page)
      {
                  int total;
                  var projectName = txtProjectName.Text;
                  var list = bTrust.GetList(page + 1, GridList.PageSize, projectName, out total);
                  GridList.DataSource = list;
                  GridList.RecordCount = total;
                  GridList.PageIndex = page;
                  GridList.DataBind();
      }
防止在readonly的文本框中按backspace键回到历史页面
         function onReady() {
            //作用于Firefox、Opera
            document.onkeypress=banBackSpace;
            //作用于IE、Chrome
            document.onkeydown=banBackSpace;
         }
         //处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外
         function banBackSpace(e){
            var ev = e || window.event;
            var obj = ev.target || ev.srcElement;
            var t = obj.type || obj.getAttribute('type');
            var vReadOnly = obj.readOnly;
            var vDisabled = obj.disabled;
            vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
            vDisabled = (vDisabled == undefined) ? true : vDisabled;
            var flag1= ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")&& (vReadOnly==true || vDisabled==true);
            var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
            if(flag2 || flag1)return false;
         }

作者: sanshi 时间: 2013-10-29 13:54
不错，继续加油....

作者: 小兵 时间: 2013-10-29 14:09
大家一起补充就更好了。

作者: 黑冰.cn 时间: 2013-11-6 15:13
11.6整理更新................

作者: bluer 时间: 2013-11-6 16:45
顶，支持。。。。。

作者: tarcyshu 时间: 2013-11-7 15:51
顶，支持并学习。

作者: KITTEN 时间: 2013-11-7 17:00
GRID中新增行，如何动态绑定DropDownList?求解大神

作者: erp8@live.cn 时间: 2013-11-12 12:47
黑冰.cn 你太伟大了!!!
顶，支持。。。。。

作者: jiao_lp 时间: 2013-12-2 14:37
学习了，受益了，感谢了！

作者: 游泳的鱼 时间: 2014-1-16 11:49
黑冰，最近有没有新的FAQ？{:soso_e113:}

作者: wd844125365 时间: 2014-1-20 12:47
楼主能帮我解决一下吗，原帖地址：http://fineui.com/bbs/forum.php? ... tid=4770&extra=

好人一生平安

作者: 像猪一样的生活 时间: 2014-1-21 14:05
支持黑哥默默点赞

欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/)