首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果我取消选中复选框并切换回同一张幻灯片,如何存储该复选框的值?

如果我取消选中复选框并切换回同一张幻灯片,如何存储该复选框的值?
EN

Stack Overflow用户
提问于 2017-09-07 14:14:29
回答 1查看 61关注 0票数 0

行为:在后台代码中,复选框默认设置为true,因此,即使我在JS中取消选中复选框,当我从其他幻灯片切换到当前幻灯片时,复选框值也会设置为true。

期望:如果我取消选中复选框,应该取消选中它,并且应该存储更新的值,所以当我再次选择同一张幻灯片时,应该取消选中该复选框。

checkbox的Javascript代码:

代码语言:javascript
运行
复制
    function getSlideShowDetailPropList() {     
     var publish = {
                type: "checkbox",
                id: "Publish",
                displayName: "Active",
                propertyDefinition: {
                    value: angular.isDefined(activePortalComponent) ? activePortalComponent.viewModel.actSlideShow.publish : ""
                }
            };
     return [publish];

   if (id === "Publish") {
 activePortalComponent.viewModel.actSlideShow.publish = value;
     }              
   }       

checkbox硬编码为true的Csharp代码:

代码语言:javascript
运行
复制
    public bool publish { get; set; }

    provider.cs

   private Slideshow CreateSlideshow(int i)
            {
                Slideshow slideshow1 = new Slideshow();
                slideshow1.publish = true;
                return slideshow1;
            }

用于返回复选框值的getproperties.cs:

代码语言:javascript
运行
复制
    public IDictionary<string, object> GetSlideshowProperties( Slideshow foundSlideshow, IReadOnlyList<string> propertyNames )
            {
                var result = new Dictionary<string, object>();

                foreach (string propertyName in propertyNames)
                {
                     if (propertyName == "publish")
                    {
                        result.Add(propertyName, foundSlideshow.publish);
                    }
                }
            return result;
        }
EN

回答 1

Stack Overflow用户

发布于 2017-09-07 14:49:50

将从后端获得的布尔值存储在组件变量stateChecked中,然后将该值绑定到模板中的复选框状态checked,如下所示。

在你的组件中,在点击时切换复选框,这样当你的页面加载时,复选框将被默认选中,因为后端发送true,但是在UI上,你可以改变复选框的状态:

代码语言:javascript
运行
复制
updateState() { 
    this.stateChecked = !this.stateChecked
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46089058

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档