FineUI 官方论坛

标题: 关于fineui 局部视图或者模版视图 [打印本页]

作者: zhang406391553    时间: 2018-2-1 10:41
标题: 关于fineui 局部视图或者模版视图
想请问一下 fineui能否支持mvc 局部视图开发模式 自己有整合一些布局和模块 想做成通用, 发现使用局部视图 没办法实现,不知道方法不对还是 不支持, 求大神指点


作者: sanshi    时间: 2018-2-1 11:36
你是准备怎么实现的呢?把相关的代码文件放出来看下
作者: zhang406391553    时间: 2018-2-1 14:46
sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢?把相关的代码文件放出来看下

唔, 这里先请教一个其他问题,我想从后台动态生成 多个Image 空间到前端某一个form里面, 有什么办法可以实现这样的需求吗
作者: zhang406391553    时间: 2018-2-1 14:50
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")
                                                        )
                                                        )


作者: zx271201354    时间: 2018-2-2 08:19
   
前端:
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();
作者: zhang406391553    时间: 2018-2-2 09:02
zx271201354 发表于 2018-2-2 08:19
前端:
F.Form()
                                                        .ID("SimpleForm1")

谢谢, 我需要异步加载,同步的没什么问题,就是 用户添加一个图片后在不刷新视图页的时候添加到 界面上
作者: zx271201354    时间: 2018-2-2 10:15
前台利用F.doPostBack   

后台:           var form = UIHelper.Form("form1");
            form.Source.Items.Add(new Image() { ID = "imgfilePhoto1", ImageHeight = 500 });
            return UIHelper.Result();
作者: zhang406391553    时间: 2018-2-2 13:11
zx271201354 发表于 2018-2-2 10:15
前台利用F.doPostBack   

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

代码编译会通过,可是视图上并不会添加内容
作者: zhang406391553    时间: 2018-2-2 13:18
sanshi 发表于 2018-2-1 11:36
你是准备怎么实现的呢?把相关的代码文件放出来看下

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

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

作者: zx271201354    时间: 2018-2-2 13:34
            PageContext.RegisterStartupScript("F.ui.form1.add( new F.FileUpload({id: 'File1',hideLabel: false,fieldLabel: '附件信息'}))");
            return UIHelper.Result();


那试试这样呢  我这增加的是一个附件上传  可行的话  可以封装一下js  进行传参
作者: zx271201354    时间: 2018-2-2 13:39
            PageContext.RegisterStartupScript("addFileToControl(F.ui.form1,'File1',false,'附件信息');");


JS

//添加附件到指定位置
function addFileToControl(panel,id,hide,lable) {
    var file = new F.FileUpload({
        id: id,
        hideLabel: hide,
        fieldLabel: lable
    });
    panel.add(file);
    file.focus();
}




欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4