Dynamics CRM 2011 编程系列（12）：JS编程之征服表单控件（二）

本节我们来讨论表单上的选项卡，导航栏，iframe以及子网格。这些控件在日常开发中并不常用，但有时候通过它们能实现些意想不到的效果。接下来我们就依次来学习它们吧。

选项卡,节

图1





图2





图3





图4

试试选项卡的ontabstatechange事件吧，我们在实体的onload事件中为选项卡加上这个事件。让选择卡展开时在名称后面添加文字“[打开]”，折叠是在名称后面添加文字"[关闭]"。在实体的onload事件中编写如下代码：

Xrm.Page.ui.tabs.get("tab_4").add_tabStateChange(tab_1_statechange);

function tab_1_statechange()
{
    var tab_4 =Xrm.Page.ui.tabs.get("tab_4");
    
    var tmp=tab_4.getLabel().replace(/\[\W+\]?/,"")
   
    if(tab_4.getDisplayState().toLowerCase()=="expanded")
    {
        tab_4.setLabel(tmp+"[打开]");
    }
    else
    {
        tab_4.setLabel(tmp+"[关闭]");
    }

}

图5





图6

导航栏

图7





图8





图9





图10





图11

iframe

iframe可以将我们自己开发的aspx页面嵌入到实体中，达到扩展的效果。iframe的开发点大概为：1.通过js控制iframe的src属性；2.通过js获取加载在iframe里面的某个控件值。




图12





图13





图14





图15





图16





图17

子网格

实体存在3种关系，子网格就是体现其中的两种：1对多，多对1。宿主页面是一，子网格中的记录是多。




图18





图19

小结

这些表单控件在日常开发中并不会全部用上，但是对它们有个感性的了解是很有必要的。当真正的需求来临时，我们就可以衡量它们的利弊来选择最优实现方案。