用于javascript的jface数据绑定
我是一名java开发人员。我在大多数项目中使用SWT和JFace数据绑定。最近,我一直在做一个涉及PHP的不同类型的项目。我需要在服务器端使用PHP,在客户端使用JavaScript开发一个web应用程序。到目前为止,我一直在用jQuery来完成所有的工作。jQuery很好,但还不足以提供快速构建web界面所需的所有管道 在桌面应用程序中,JFace数据绑定提供了将小部件、表单、标签绑定到模型的所有功能,允许您将表单的内容同步到对象,验证表单的内容,并在内容正常与否时提供反馈 e、 g:对于文本字段,可以将文本值绑定到对象的属性。添加验证以检查文本值是否为空。为空时,显示工具提示,要求用户输入值并禁用提交按钮 我想问你,有没有类似于JavaScript的JFace数据绑定的东西用于javascript的jface数据绑定,java,php,jquery,data-binding,jface,Java,Php,Jquery,Data Binding,Jface,我是一名java开发人员。我在大多数项目中使用SWT和JFace数据绑定。最近,我一直在做一个涉及PHP的不同类型的项目。我需要在服务器端使用PHP,在客户端使用JavaScript开发一个web应用程序。到目前为止,我一直在用jQuery来完成所有的工作。jQuery很好,但还不足以提供快速构建web界面所需的所有管道 在桌面应用程序中,JFace数据绑定提供了将小部件、表单、标签绑定到模型的所有功能,允许您将表单的内容同步到对象,验证表单的内容,并在内容正常与否时提供反馈 e、 g:对于文本
现在,支持数据绑定的现代组件是angular、aurelia和react(有点…+redux即将消亡)。 jQuery没有提供良好的数据绑定实现。它需要手动连接所有道具更改。可能实现一些观察者/订阅者方法 或者使用一些组件来执行数据绑定任务,这些任务提供了足够方便的数据绑定定义命令。我是用databindjs做的。e、 g
// Lets assume that there is just simple form (target)
var simpleForm = {
input: $('.simple .input-value'),
output: $('.simple .output-value')
};
// And here is the simple model object (source)
var model = {
text: 'initial value'
};
// Lets set two directional binding between [input] <-> [text]
var simpleBinding = bindTo(simpleForm, () => model, {
'input.val': 'text', // bind to user input
'output.text': 'text' // simple region that will react on user input
});
// This command will sync values from source to target (from model to view)
updateLayout(simpleBinding);
subscribeToChange(simpleBinding, () => {
$('.simple .console').html(JSON.stringify(model));
});
// Just initialize console from default model state
$('.simple .console').html(JSON.stringify(model));
//假设只有简单的表单(目标)
var simpleForm={
输入:$('.simple.input value'),
输出:$('.simple.output value')
};
//下面是简单的模型对象(源)
var模型={
文本:“初始值”
};
//让我们在[input][text]之间设置双向绑定
var simpleBinding=bindTo(simpleForm,()=>model{
'input.val':'text',//绑定到用户输入
'output.text':'text'//将对用户输入作出反应的简单区域
});
//此命令将值从源同步到目标(从模型到视图)
updateLayout(simpleBinding);
subscribeToChange(simpleBinding,()=>{
$('.simple.console').html(JSON.stringify(model));
});
//只需从默认模型状态初始化控制台
$('.simple.console').html(JSON.stringify(model));
完整的解决方案jsRender+jsViews提供了javascript对象和ui之间的数据绑定功能,但我没有注意到有任何方法可以为绑定的数据添加验证,并根据此验证更改ui。e、 g:如果用户在您需要数字时输入字母,我想提供反馈并禁用提交按钮,等等。