Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

有没有Vue或者React版本的?这种写法 二开的话根本看不懂啊 #13

Open
Mywbj opened this issue Apr 22, 2024 · 9 comments

Comments

@Mywbj
Copy link

Mywbj commented Apr 22, 2024

No description provided.

@Mywbj Mywbj changed the title 有没有Vue或者React 有没有Vue或者React版本的? Apr 22, 2024
@Mywbj Mywbj changed the title 有没有Vue或者React版本的? 有没有Vue或者React版本的?这种写法 二开的话根本看不懂啊 Apr 22, 2024
@xiangechen
Copy link
Owner

xiangechen commented Apr 22, 2024

不考虑任何前端框架。这个仓库使用的是WebComponents,任何前端框架都可以集成它。

40秒入门:
程序中的 div()、a() 等等都是标准的js函数,返回的都是html元素。div(...children)里头的参数都是它的子元素,第一个参数可以是一个js对象,用来设置div的属性。如以下示例代码:

div(
    div({className: "top"}),
    div({className: "center"},
        h1({textContent: "123"}),
        input(),
    ),
    div({className: "bottom"}),
)

实际的html是:

<div>
    <div class="top"></div>
    <div class="center">
        <h1>123</h1>
        <input></input>
    </div class="bottom"></div>
</div>

另外数据绑定可以使用Binding,如 { textContent: new Binding(source, "property") },多国语言使用 { textContent: localize("document.new") },现在你应该已经知道怎么进行ui开发,我相信没有比这更简单的了。

@Mywbj
Copy link
Author

Mywbj commented Aug 6, 2024

有没有我修改数据 然后页面自动刷新得?例如class上面有个字段是msg = hello h1({textContent: this.msg, onclick: () => { this.msg = haha }})

@Mywbj
Copy link
Author

Mywbj commented Aug 6, 2024

不考虑任何插件框架。这个仓库使用的是WebComponents,任何插件框架都可以集成它。

40入门秒: 程序中的div()、a()等等都是标准的js函数,返回的都是html元素。div(...children)里头的参数都是它的子元素,第一个参数可以是一个js对象,用来设置div的属性。如以下示例代码:

div(
    div({className: "top"}),
    div({className: "center"},
        h1({textContent: "123"}),
        input(),
    ),
    div({className: "bottom"}),
)

实际的html是:

<div>
    <div class="top"></div>
    <div class="center">
        <h1>123</h1>
        <input></input>
    </div class="bottom"></div>
</div>

其他数据绑定可以使用Binding,如 { textContent: new Binding(source, "property") },多国语言使用 { textContent: localize("document.new") },现在你应该已经知道怎么进行ui开发了,我相信没有比这更简单的了。

好像new Binding只能绑定input吗?

@xiangechen
Copy link
Owner

数据响应都是通过 Binding 实现,可对任何 html 元素的任何可编辑属性进行绑定,但本项目只使用到了 textContent,没测试其他属性是否有问题。

@Mywbj
Copy link
Author

Mywbj commented Aug 6, 2024

请问一下 有没有chili-core的官方文档,发我一下,谢谢呀

@xiangechen
Copy link
Owner

文档等1.0发布以后再写吧,现在变动太大。

@KennanChan
Copy link

KennanChan commented Dec 17, 2024

目测WPF + RibbonUI老玩家,转前端了依然觉得WPF的响应式设计可圈可点

EDIT:
翻了下代码,猜测作者大概率是Autodesk产品二开老登,估摸着应该是Revit二开玩家?

@xiangechen
Copy link
Owner

这都能看出来?

@KennanChan
Copy link

XYZ这个类,桌子气息很重啊,哈哈哈哈哈

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants