问题标签 [javascript-databinding]
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.
javascript - 在提交之前多次使用表单
我是 JavaScript 新手,并试图找出执行以下操作的规范方法。
我有一个带有一些复选框和选择器的表单。假设复选框是音乐风格,选择器是人名。
我希望用户能够为多人选择音乐风格,然后提交包含所有数据的表单。
例如,用户可能首先勾选古典、爵士、摇滚和流行并选择“乔”,然后选择爵士、流行、乡村和电子乐并选择“简”。所以“提交人”和“提交表格”必须有两个不同的按钮。
我想:
- 在表单下方填写名称列表及其选择的样式,以获取反馈
- 允许用户随心所欲地使用表单,然后在最后提交所有数据
我觉得使用 jquery 和 JSON 是完美的,但我不确定使用什么搜索术语来弄清楚如何做到这一点。
如果重要,表单将由 Python 中的 Django 视图处理。
javascript - jQuery:绑定元素以在其内容更改时显示/隐藏
假设我的页面上有消息:
我有很多事件可能会在消息中添加一些文本,或者将其清除。
现在我有这个设置,每个消息发送函数调用也会检查消息是否可见并根据需要更改状态。这意味着这个基本逻辑有很多重复。
我想设置一个在任何消息 div 更改时触发的绑定,这样如果它设置为空,它就会向上滑动,如果它从空设置为有文本,那么它就会向下滑动。
这可能吗?如果可以,怎么做?
javascript - 简单但棘手的显示/隐藏切换开/关组合让我发疯
有一些 div 需要显示/隐藏,其中的按钮需要知道它何时打开和何时关闭。不知何故,他们需要“与他人交流”才能知道何时隐藏或可见。哦,是的,我想在所有元素上保持平滑的淡入/淡出效果。
谢谢!!
我的小提琴在这里:http: //jsfiddle.net/Pe9jn/
这是我得到的最有效的代码,但它有点古怪:
javascript - 除了数据绑定,backbone.js(或knockout.js)有什么优势
我们在网站上使用的 JavaScript 代码库的结构非常好(如果有人感兴趣,请在此处列出)。
我一直在考虑将backbone.js(或针对某些功能的knockout.js)集成到我们的代码中——但经过仔细考虑,我认为我不太关心数据绑定(我的应用程序不做密集型客户端) <->服务器数据交换,它更偏向于服务器->客户端->js数据管道),所以我真的不在乎我是否没有动态数据绑定和同步。
由于我对这些库不是很熟悉,我担心通过选择不使用这些库,我会错过一些其他非常有用的功能。我是吗?
jquery - JQuery从asmx Web服务返回一个下拉列表项数组,然后绑定到下拉列表?
全部,
如何将 Web 服务方法返回的下拉列表项数组绑定到 ddlSubCategory asp.net 服务器控件?这是我的代码。请参阅 jquery OnSuccess 方法中的注释:
谢谢你的帮助!
javascript - javascript skrollr 根据动态内容更新窗口高度
在我的项目中,我有一个带有项目网格的长滚动页面。当您单击一个项目时,我会 ajax 加载该项目,然后滑动打开一个窗口,将项目网格向下推,显示所选项目。每个项目将根据内容具有不同的高度。我需要显示在项目网格下方的内容始终显示在页面末尾。目前,当网格幻灯片打开时,它会滑过“页脚”内容(底部的粗略示例)。
skrollr 文档说如果窗口调整大小,你应该调用刷新函数。
我在初始化时运行此功能,在项目网格单击时,我没有看到窗口调整到内容的新高度。目标是让页脚在项目网格之后始终出现几百像素,无论其当前高度/位置是什么。
knockout.js - knockoutjs 绑定字符串的一部分
我的网页中有一个当前格式的字符串:“这是 USERNAME 订阅的游戏”。USERNAME 采用登录的用户名值。我只想绑定 USERNAME 属性,并将字符串的其余部分保留在同一个 html 元素中,而不是与第一部分有一个跨度,与 binding 属性有一个不同的跨度,最后一个与最后一部分有一个跨度。
我在任何地方都没有这样的东西。有谁知道如何做到这一点,或者这是否可能。
angularjs - 将相互依赖但不同的数据格式绑定到 Angular 中的输入
作为练习,我正在使用 RGB 和十六进制创建颜色值的输入。
html:
js:
它起作用了……有一个大问题。一旦任何一个输入值变为无效(空字符串,或十六进制少于六个字符),所有输入都会消失!这具有删除用户已经输入的值的效果。例如,当用户键入一个有效的 6 个字符的十六进制值,然后按删除键更正十六进制的最后一个字符时,整个十六进制值就消失了,需要完全重新键入。如果您在控制台中观看,您可以看到正在发生的事情。我认为当十六进制无效时 rgb 输入消失是正确的行为,但它显然会妨碍用户擦除他/她在输入过程中的值。
这显然是由于“双重绑定”而发生的——rgb 和 hex 值正在监视它们自己的模型,但也相互监视。这里有一些严重的无限循环潜力,它可能只是工作,因为角度文档说循环只运行 10 倍以防止无限循环死锁。
我很确定我一开始就做错了。我应该尝试为十六进制输入编写单独的指令吗?如果是这样,我应该如何将它们全部链接起来?$watch 是否适合这种用途?一个工作小提琴是最有帮助的。
javascript - 动态更新 skrollr
我正在寻找一种方法来动态更新 skrollr 的绝对位置值。相对定位是不可能的,因为 body 标签是父元素并延伸了页面的整个长度。有问题的对象在 body 标签内的位置固定。
1) 有没有办法动态更新元素的绝对值而不需要重新实例化整个插件?例如将“data-8000-start”更改为“data-9000-start”。使用 jQuery 来更新这些似乎有点不足。
2)使用常量似乎几乎让我到达那里,但如前所述,需要我重新实例化插件。有没有办法将这样的常量传递给刷新方法?