小菜一碟：让web页面部分内容只读

2004-09-02 03:31:54 344 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

从零开始学 Python 之 Web 开发 RESTful 现在单页 Web 项目很流行，使用各种 Js 框架，通过 Ajax 和服务器的 Api 进行交互，实现类似原生 app 效果，很酷，对 Flask 来说小菜一碟，是时候了解下 Flask-RESTful 了开始前先了解下 RESTful，阮一峰老师有这样的解释: 网络应用程序，分为前端和后端两个部分。当前的发展趋势，就是前端设备层出不穷（手机、平板、桌面电脑、其他专用设备…）。因此，必须有一种统一的机制，方便不同的前端设备与后端进行通信。这导致API构架的流行，甚至出现"API First"的设计思阅读详情

常常需要根据情况让某页面部分内容只读，我的实现思路是：把一些控件放在一个panel里，从codebehind里加入css style，然后css style用htc实现，保持初始化的内容。

程序如下：

//这是设置panel只读的函数，其中staffvac是web form项目的名字
static public void fcnSetPanelReadonly(System.Web.UI.WebControls.Panel pnlI, bool blReadOnly)
{
if(blReadOnly == false)
return;
int iCtrlCnt = pnlI.Controls.Count;
for(int i=0;i<iCtrlCnt;i++)
{
System.Web.UI.Control ctlI = pnlI.Controls[i];
try
{
System.Web.UI.WebControls.WebControl wctI = (System.Web.UI.WebControls.WebControl)ctlI;
wctI.Style.Add("behavior", "url(/StaffVac/script/Athos.DhtmlBehavior.ReadOnly.htc)");
}
catch(Exception exp)
{
string strErr = exp.Message;
}
}
}

//这是htc文件Athos.DhtmlBehavior.ReadOnly.htc，存放在当前web form项目的script目录下

<PUBLIC:COMPONENT URN="urn:msdn-microsoft-com:workshop" >
<public:attach event=oncontentready onevent="oncontentready()" />

<SCRIPT LANGUAGE="JScript">
function oncontentready()
{
strTagname = tagName;
strType = "";
if(strTagname == "INPUT")
{
strType = type;
if(strType == "text")
{
strValue = value;
element.attachEvent("onchange", fcnRestore);
}
else if(strType == "submit")
{
element.disabled = true;
}
}
else if(strTagname == "TEXTAREA")
{
strInnerHTML = String(innerHTML);
strValue = value;
element.attachEvent("onchange", fcnRestore);
}
else if(strTagname == "SELECT")
{
intSelectedIndex = selectedIndex;
element.attachEvent("onchange", fcnRestore);
}
}

function fcnRestore()
{
if(strTagname == "INPUT")
{
value = strValue ;
}
else if(strTagname == "TEXTAREA")
{
value = strValue;
}
else if(strTagname == "SELECT")
{
selectedIndex = intSelectedIndex;
}
}

</SCRIPT>
</PUBLIC:COMPONENT>

...全文