求助：如何用js实现动态显示和隐藏列的功能

JavaScript030

求助：如何用js实现动态显示和隐藏列的功能,第1张

方法1：直接设定PROMPT列和数据列ITEM的VISIBLE属性为No

方法2：在WHEN-NEW-FORM-INSTANCE触发器里：

l_old_itm := :system.cursor_item

-- 转到你要删除的ITEM上

go_item('BLOCK.ITEM')

-- 调用标准api隐藏当前列

APPL_FOLDER_DEL_FLD

go_item(l_old_itm)

Troubleshooting

下列情况下不能被隐藏

1. 当FOLDER ITEM属性REQUIRED设为TRUE的时候不能被隐藏。

2. 当FOLDER ITEM被放置在FIXED画布上（非堆叠画布）时，该项不能被隐藏。

一：去掉全部的滚动条

第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。

scrolling : auto -----在需要的时候滚动条出现

scrolling : yes ------始终显示滚动条

scrolling : no -------始终隐藏滚动条

当设置 scrolling : no 时，全部的滚动条就没有了。

第二个方法：我发现除了 scrolling 可以去掉全部的滚动条外，还有另一个方法，在嵌入的页面里设置 body{overflow：hidden}，这样也可以将滚动条去掉，而且这也是当我们只想去掉某一个滚动条所使用的属性。

二：去掉右边的滚动条且保留底下的滚动条

如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto overflow-y：hidden；}

思路：实现这个方法主要用到了setAttribute方法

<title>通过选择项显示不同的结果</title>  

<head>  

<script type="text/JavaScript">  

function showdiv()  

{  

    var doc=document  

    var citytext=doc.getElementById("city").value  

    var div1=doc.getElementById("div1")  

    var div2=doc.getElementById("div2")  

    var div3=doc.getElementById("div3")  

    switch (citytext)  

    {  

        case "广州":            

            div1.setAttribute("style","display")             

            div2.setAttribute("style","display:none")  

            div3.setAttribute("style","display:none")  

            doc.getElementById("text1").value=citytext  

            break  

        case "南昌":  

            div1.setAttribute("style","display:none")  

            div2.setAttribute("style","display")  

            div3.setAttribute("style","display:none")  

            doc.getElementById("text2").value=citytext  

            break  

        case "沈阳":  

            div1.setAttribute("style","display:none")  

            div2.setAttribute("style","display:none")  

            div3.setAttribute("style","display")  

            doc.getElementById("text3").value=citytext  

            break  

    }  

}  

</script>  

</head>  

<body>  

<select title="城市" id="city" onchange="showdiv()">  

<option selected value="广州">广州</option>  

<option value="南昌">南昌</option>  

<option value="沈阳">沈阳</option>  

</select>  

<div  id="div1" style="display:none"  >您选择了广东的省会<input type="text" id="text1" value=""/></div>  

<div  id="div2" style="display:none"  >您选择了江西的省会<input type="text" id="text2" value=""/></div>  

<div  id="div3" style="display:none"  >您选择了辽宁的省会<input type="text" id="text3" value=""/></div>  

</body>  

</html></pre><pre class="html" name="code"> </pre><pre class="html" name="code"> </pre>  

<pre></pre>

效果图：

定义和用法

setAttribute() 方法添加指定的属性，并为其赋指定的值。