网站首页收藏本站

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

FineUI首页 WebForms - MVC - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

FineUIMvc/Core v5.0.0发布(基于像素的响应式布局) FineUIPro v5.0.0发布(10周年纪念版,WebForms) 欢迎加入【三石和他的朋友们】(基础版下载)

查看: 1030|回复: 10

关于fineui 局部视图或者模版视图

[复制链接]
发表于 2018-2-1 10:41:03 | 显示全部楼层 |阅读模式
想请问一下 fineui能否支持mvc 局部视图开发模式 自己有整合一些布局和模块 想做成通用, 发现使用局部视图 没办法实现,不知道方法不对还是 不支持, 求大神指点

发表于 2018-2-1 11:36:24 | 显示全部楼层
你是准备怎么实现的呢?把相关的代码文件放出来看下
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-1 14:46:35 | 显示全部楼层
sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢?把相关的代码文件放出来看下

唔, 这里先请教一个其他问题,我想从后台动态生成 多个Image 空间到前端某一个form里面, 有什么办法可以实现这样的需求吗
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-1 14:50:40 | 显示全部楼层
zhang406391553 发表于 2018-2-1 14:46
唔, 这里先请教一个其他问题,我想从后台动态生成 多个Image 空间到前端某一个form里面, 有什么办法可 ...


关于 局部视图问题
我一个表单,里面会生成多个  Image 空间,我需要将它在后台装载 然后显示到前端视图上
并且有多个地方会用到, 想用局部视图的方式去实现,目前就卡在这里不知道该怎么去实现
                                                 F.Form()
                                                        .ID("SimpleForm1")
                                                        .Width(300)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto1")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                            F.Button()
                                                                .Text("查看图片")
                                                                 .Icon(Icon.ImageMagnify)
                                                                 .Enabled(false)
                                                                 .ID("btnImgFileName1")
                                                                 .Listener("click", "onImgShow(F.ui.txtImgFileName1.getValue())")
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName1")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto1")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction1"), "filePhoto1")
                                                        ),
                                                    F.Form()
                                                        .ID("SimpleForm2")
                                                        .Width(250)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto2")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                            F.Button()
                                                                .Text("查看图片")
                                                                .ID("btnImgFileName2")
                                                                .Enabled(false)
                                                                 .Icon(Icon.ImageMagnify)
                                                                 .Listener("click", "onImgShow(F.ui.txtImgFileName2.getValue())")
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName2")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto2")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction2"), "filePhoto2")
                                                        ),
                                                    F.Form()
                                                        .ID("SimpleForm3")
                                                        .Width(250)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                            F.Image()
                                                                .ID("imgfilePhoto3")
                                                                .CssClass("photo")
                                                                .ImageHeight(125)
                                                                .ImageWidth(220)
                                                                .ImageUrl(Url.Content("~/res/images/blank.png"))
                                                                .BoxFlex(1),
                                                           F.Button()
                                                                .Text("查看图片")
                                                                .ID("btnImgFileName3")
                                                                .Icon(Icon.ImageMagnify)
                                                                  .Listener("click", "onImgShow(F.ui.txtImgFileName3.getValue())")
                                                                .Enabled(false)
                                                                .CssClass("btn"),
                                                            F.TextBox()
                                                                .ID("txtImgFileName3")
                                                                 .Hidden(true)
                                                                 .Readonly(true)
                                                                .Text(""),
                                                            F.FileUpload()
                                                                .ID("filePhoto3")
                                                                .ShowRedStar(false)
                                                                .ShowEmptyLabel(true)
                                                                .ButtonText("上传图片")
                                                                .ButtonOnly(true)
                                                                .ButtonIcon(Icon.ImageAdd)
                                                                .OnFileSelected(Url.Action("UploadFileAction3"), "filePhoto3")
                                                        )
                                                        )

回复 支持 反对

使用道具 举报

发表于 2018-2-2 08:19:01 | 显示全部楼层
   
前端:
F.Form()
                                                        .ID("SimpleForm1")
                                                        .Width(300)
                                                        .Height(170)
                                                        .EnableCollapse(true)
                                                        .ShowBorder(false)
                                                        .ShowHeader(false)
                                                        .Layout(LayoutType.VBox)
                                                        .Items(
                                                          ViewBag.Images
                                                        ),
后端:        List<ControlBase> control = new List<ControlBase>();
control.Add(new  Image(){ID="imgfilePhoto1",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto2",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto3",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto4",ImageHeight=500};
control.Add(new  Image(){ID="imgfilePhoto5",ImageHeight=500};
ViewBag.Images=control .ToArray();
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-2 09:02:32 | 显示全部楼层
zx271201354 发表于 2018-2-2 08:19
前端:
F.Form()
                                                        .ID("SimpleForm1")

谢谢, 我需要异步加载,同步的没什么问题,就是 用户添加一个图片后在不刷新视图页的时候添加到 界面上
回复 支持 反对

使用道具 举报

发表于 2018-2-2 10:15:13 | 显示全部楼层
前台利用F.doPostBack   

后台:           var form = UIHelper.Form("form1");
            form.Source.Items.Add(new Image() { ID = "imgfilePhoto1", ImageHeight = 500 });
            return UIHelper.Result();
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-2 13:11:56 | 显示全部楼层
zx271201354 发表于 2018-2-2 10:15
前台利用F.doPostBack   

后台:           var form = UIHelper.Form("form1");

代码编译会通过,可是视图上并不会添加内容
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-2 13:18:22 | 显示全部楼层
sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢?把相关的代码文件放出来看下

请问 第三方插件写在局部视图里了,想放到某个GroupPanel 下面  mvc 的代码该怎么写呢

直接写的话会报错
“FineUIMvc.PanelBaseExtension<FineUIMvc.GroupPanel,FineUIMvc.GroupPanelExtension>.Items(params FineUIMvc.IControlBaseExtension<FineUIMvc.ControlBase>[])”最匹配的重载方法具有一些无效参数
回复 支持 反对

使用道具 举报

发表于 2018-2-2 13:34:18 | 显示全部楼层
            PageContext.RegisterStartupScript("F.ui.form1.add( new F.FileUpload({id: 'File1',hideLabel: false,fieldLabel: '附件信息'}))");
            return UIHelper.Result();


那试试这样呢  我这增加的是一个附件上传  可行的话  可以封装一下js  进行传参
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|FineUI 官方论坛 ( 皖ICP备13005369号-1 )  

GMT+8, 2018-5-25 15:19 , Processed in 0.086110 second(s), 14 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表