Ext.Net基础控件与布局示例：Js函数操作

本文主要介绍了Ext.NET框架中的基础控件使用和布局方式，特别是与JavaScript函数结合的应用。在示例中，我们看到一个名为`edit`的JavaScript函数，该函数用于处理表格行的展开和表单数据的更新。 在`edit`函数中，首先获取了当前上下文中的表格（`grid`）和表单（`form`）组件。接着，它调用了`getRowExpander()`方法来获取表格的行扩展器，并通过`collapseRow()`方法折叠当前选中的行。然后，`updateRecord()`方法用来更新表单中的记录数据。最后，通过`getForm().getValues()`获取表单字段的值，并显示ID和Name。 在布局部分，讲解了三种常见的Ext.NET布局方式： 1. 绝对布局（Absolute Layout）：在这个布局模式下，每个组件的位置是通过`x`和`y`坐标来设定的。示例中创建了一个包含两个面板的Viewport，它们分别被定位在特定的坐标上。 2. 手风琴布局（Accordion Layout）：这种布局将所有的子组件堆叠在一起，每次只能展开一个。例子展示了三个没有边框的Panel，它们以手风琴样式排列，只能一次性打开一个。 3. 锚点布局（Anchor Layout）：锚点布局允许组件根据其容器的大小自动调整大小。当容器尺寸变化时，锚定的组件会根据预设的规则自动调整。示例中，一个Window包含了两个TextField，它们的大小会根据Window的大小动态调整，`AnchorHorizontal`属性确保了字段在水平方向上的扩展。 这些布局方式是Ext.NET中构建动态用户界面的关键，它们可以帮助开发者创建适应各种屏幕尺寸和分辨率的响应式应用。通过JavaScript函数与这些布局控件的交互，可以实现更复杂的功能，如在用户操作时动态修改界面布局或更新数据。