问题标签 [dotvvm]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
135 浏览

dotvvm - 单击 Dotvvm 在 TreeView 中加载子类别

我使用业务包树视图组件作为菜单。我的目标是只检索没有子类别的顶级菜单。子类别将仅在用户图标单击(+ / - 图标)或菜单项单击时显示。

所以基本上当我点击“a”或绑定到这个菜单对象的图标时,我想向我的服务器发送请求以获取他的子类别等等。我不想在一个请求中获得所有内容。

在此处输入图像描述

正如我注意到的那样,视图中有两个单击处理程序。

1)使用Changed属性 - 当我使用这个属性来处理点击事件时,我成功地将正确的对象放入我的CategorySelectedList,但它只直接在文本标签上注册点击。对于图标,它不再起作用,类别菜单也不会展开。

2)使用Events.Click属性 - 当我使用这个属性来处理点击事件时。我什至没有将正确的对象放入我的CategorySelectedList属性中,但在这种情况下类别菜单会展开。

我无法将我的视图中的对象 ID 发送到SetActiveMenuNode方法中,所以我必须直接从我的方法中获取它,CategorySelectedList但每种方法都有自己的问题。

有什么解决办法吗?

模型视图

我的观点

0 投票
1 回答
74 浏览

dotvvm - 业务包 treeview dotvvm - 重定向后所有树节点崩溃

我使用业务包树视图组件作为菜单。我想要归档的是,Chleba例如,当我单击项目时,它会将我重定向到此类别的详细信息以及项目Potraviny,并且Pečivo应该展开。这两个项目都必须有这个 css 类bp-state-expanded。现在,当我被重定向到详细信息时,树视图中的所有项目都已折叠

以下是我的类别菜单示例。

在此处输入图像描述

CategoryList包含在树视图中显示的所有类别。

CategorySelectedList包含我单击的单个对象。

这是我的重定向方法的详细信息

有没有办法可以归档这个?

0 投票
1 回答
91 浏览

dotvvm - Dotvvm - 渲染 DOM 元素后触发自定义绑定处理程序

假设我想自定义 treeview 组件的 css 类。

<li>用于展开的 HTML 代码。如我们所见, 1st <li>got class bp-state-expanded。当它崩溃时,我想bp-class-collapsed上课而不是bp-state-expanded为了我的造型目的。

为了我的测试目的,我制作了这个简单的脚本,我想将子 DOM 元素存储到变量中。当我刷新页面并触发我的脚本时,尚未呈现树视图元素。

我尝试afterRender在数据绑定中使用,但没有任何成功。有没有办法在渲染所有 DOM 元素后触发这个处理程序,以便我可以使用 css 类进行操作?

我在业务包树视图中的数据绑定

更新

现在我用timeout函数解决了这个问题,但不确定这是否是好的方法。

在此处输入图像描述

我有 3 种类型的li. 我将尝试解释每种类型。

类型 1. => 它的可扩展元素和我需要的原因bp-class-collapsed是,因为我不想影响li类型 2,3,:not selector我需要这里的+图标。

类型 2. => 它的经典li重定向,所以我需要o这里的图标。如果我:not selector在这里使用,它也会影响这种类型。

类型 3. => 与类型 2 相同,但它是嵌套的li

我希望它在这个样本上得到更好的解释。

0 投票
1 回答
61 浏览

dotvvm - 仅 Do​​tVVM 代码组件无法正确生成 HTML 结构

我有自己的树视图菜单组件,我想生成这样的 HTML 结构。

这是我为菜单生成结构的代码

问题是我的整个结构没有呈现在我的视图中,我只看到这个。我的<a href>标签也应该包含spanand i

在此处输入图像描述

我的 structre 未正确呈现,但在我的组件中的调试模式下,我看到它正确生成。我做错了什么?

在此处输入图像描述

0 投票
0 回答
118 浏览

dotvvm - 如何使用 CoC DotVVM 在单击时将对象绑定到属性

我为 Accordion 创建了自己的纯代码组件。如下图所示。

在此处输入图像描述

带有蓝色箭头的行是文章部分,带有红色箭头的行是文章。我想要归档的是页面加载,我只会得到根文章部分,没有别的。当我单击“测试”时,我将发送带有 ID 的获取请求以加载更多项目。

我的问题是我无法获取在 ViewModel 中单击属性的对象。我SelectedValueProperty为此目的创建并在static constructor. 之后我重写GetControlBinding方法并将属性添加到组中。但是,当我单击视图中的项目时,没有任何内容分配给我的SelectedValueProperty.

这是我的 CoC 代码

这是我的 ViewModel,AccordionList它用作数据源,并且AccordionSelected必须用作我单击的对象的存储。

我如何在视图中使用它

0 投票
1 回答
67 浏览

c# - DotVVM - 传入集合时,仅代码组件 DataSource 属性为空

我有自己的 Accordion 纯代码组件

这是我的观点,我有可以加载的中继器list of article sections。每个文章部分都有list of articles. 因此,我想归档每个文章部分都有自己的手风琴,其中将包含articles. 这就是为什么我有它repeater

Accordion 纯代码组件。DataSource即使我清楚地看到,My也始终为 null,其中AccordionList包含List of Articles永远不会为 null,但永远不会传递到 my 的DataSource. 当我将类型更改AccordionListArticleListDTO并将其直接传递给我的Accordion组件时,它运行良好,但这不是我想要的。

视图模型

DTO - 我删除了其余属性以使其清楚

0 投票
1 回答
103 浏览

html - DotVVM - Multiselect content is overlayed by input

I have a problem with DotVVM multiselect styling. Content of multiselect is overlayed by input and I dont know what cause this problem. When I use dropdown list which uses exactly the same css classes, there isn't any problem with this. You can see dropdown list structure in picture below

Here is my HTML structure

CSS code here

Image is edited, I changed dropdown list to simple text input in my previous code structure to make it more readable, problem is still the same. enter image description here

Image showing dropdown list component, which works fine

enter image description here

0 投票
2 回答
2361 浏览

c# - asp.net core 2.0 dotvvm vs razor pages - 对于交互式网络应用程序,哪一个更强大?

随着ASP.NET CORE 2.0 版的最新版本,我们现在拥有我非常喜欢的Razor Pages,因为它展示了一种我已经熟悉的MVVM开发方式,因为我在UWP中使用过它。

我正在寻找开发没有js的 web 应用程序,因为我是一个.net 开发人员,我遇到了这个称为DOTVVM的框架,它很棒,因为它提供了 Angular、React 等 js 框架的一些功能,并且它也很好地集成了ASP.NET 核心 2.0

我想在以下 3 个场景之间讨论这个问题:

  • 我应该使用DOTVVM而根本不使用 JS。

  • 我应该在 asp.net core 2.0 中使用Razor 页面,因为 razor 页面提供了 dotvvm 提供的所有功能,并且将来会有更多的社区。

  • 我应该学习 Angular 或 React 之类的JS 框架,因为 razor pages 和 dotvvm 都不足以替代它们。

讨论可以从所有开发者的角度出发,所以我可以得到JS开发者以及那些使用过dotvvmRazor pages的人的意见。目的是创建具有良好性能的完全交互式和响应式的 Web 应用程序。

**重要:** 创建的网络应用程序可以从一开始就是渐进式网络应用程序,也可以在创建后变成pwa,这取决于我最后选择的技术。

我知道对于一个渐进式 Web 应用程序,我需要编写一些 JS,但考虑到它非常简单且编写量很少,这没关系。

这个问题的原因是为了让我们可以从多个角度讨论这些选项,并在最后为我的应用程序推导出一个更好的选项。

0 投票
1 回答
73 浏览

gridview - Custom GridViewTemplateColumn or ContentTemplate and EditTemplate?

Is it possible to create a content and edit template to be inserted within a GridViewTemplateColumn so that one can reuse it and not repeatedly insert the templates into their html?

I have around 15 columns that all need similar functionality (Having text during content phase and a multiline textbox in edit) and it works fine by using a template column.

However, if I want to make changes to the templates, i'll need to change them all.

I've tried everything that I can think of to get this to work from creating a custom control to extending the template column but I may just not know enough about DotVVM to do it.

Any help would be greatly appreciated.

Solved! Solution below.

In DotvvmStartup.cs

0 投票
0 回答
152 浏览

validation - DotVVM 中继器验证不显示错误消息

我正在通过转发器创建输入,提交后,控制台中显示验证错误,但错误消息未显示

中继器:

DTO:

这个 DTO 像这样在我的 DetailDTO 中使用

在图像上,您可以看到验证错误被正确触发并且提交被中断。

在此处输入图像描述