如何通過JavaScript構建Asp.net服務端控制項

-Advertisement-

摘要雖然ASP.NET的伺服器控制項一直被大家所詬病，但是用戶控制項（ACSX）在某些場景下還是非常有用的。在一些極特珠的情況下，我們會使用JavaScript動態的構建頁面中的控制項，但假設遇到了我要用JavaScript構建一個服務端控制項、用戶控制項時，該怎麼辦？我們常常說，服務端控制項運行在服端器 ...

摘要

雖然ASP.NET的伺服器控制項一直被大家所詬病，但是用戶控制項（ACSX）在某些場景下還是非常有用的。

在一些極特珠的情況下，我們會使用JavaScript動態的構建頁面中的控制項，但假設遇到了我要用JavaScript構建一個服務端控制項、用戶控制項時，該怎麼辦？

我們常常說，服務端控制項運行在服端器上，那麼這話是什麼意思呢？

服務端控制項，其本質是一構建HTML語句的封裝，以事先編排好的方式，生成一套HTML並通過Http協議返回給客戶端。因此，我們所寫的服務端控制項，在響應HTTP請求時，早已不存在了。——這就叫運行在伺服器上

即然如此，那麼客戶端自然沒有解析一個服務端控制項的可能。

根據上面的原理，我們可以得知，直接通過JavaScript向body中輸出一個服務端控制項毫無意義。

那麼我們換一個思路，即然服務端控制項的構建一定要通過WEB伺服器，那麼我們可不可以通過一次HTTP請求，並且在不破壞當前面頁的情況下，得到服務端控制項所轉換後的HTML原碼呢？

有了這個思路，那麼解決方案就很簡單了——iframe

我們可以單獨設立一個ASPX頁面，該頁面的BODY上主要就是服務端控制項，然後通過IFRAME的載入，將這個服務端控制項顯示在了當前的頁面中。

當然，這隻是一種效果，它並沒有真正意義上用JavaScript構建了一個服務端控制項。而是構建了一個只包含了服務端控制項的iframe。

如果變通一下的話，可以通過一些JavaScript代碼，將這個iframe中的所有元件，添加到主頁面里，並移除iframe，這樣，就成為了一個整體的頁面，只不過可能會面臨一些控制項ID衝突的結果。

文章為作者原創，轉載請註明出處 http://www.zizhusoft.com/note/show.aspx?id=f562b47a-ddd0-4771-a93d-78e9fdbd7b72 ，謝謝合作

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

ubuntu16.4下用jexus部署asp.net core rtm

上篇文章介紹了下用vs發佈部署到iis環境，今天說下ubuntu 下部署asp.net core，不需要安裝.net core sdk，自帶運行時方式部署，利用jexus伺服器轉發請求到asp.net core. 1.部署準備環境 vmware虛擬機（其他也可以） ubuntu16.04鏡像 2.發 ...
委托

delegate：和枚舉類似既可以定義在類裡面也可以在namespace下。聲明：public delegate int Entrust(int x, int y); class MyMath { public int add(int x, int y) { return x + y; } pub ...
WPF DataGrid 操作列類似 LinkButton

WPF中沒有類似LinkButton，所以只有運用Button及樣式來實現LinkButton。 DataGrid 操作列實現多個類似LinkButton按鈕：具體實現代碼如下： <DataGrid Name="dgData" IsReadOnly="true" AutoGenerateCol ...
TypeError: invalid 'in' operand obj

嘗試在程式去訪問遠程的Web API，它在運行時，出現異常： TypeError: invalid 'in' operand obj TypeError: invalid 'in' operand obj 由於從伺服器返回的數據是json。當我們需要得到這些數據時，還得需要Parse。因此我們把代碼 ...
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:9001/api/size/get. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:9001/api/size/get. (Reason: CORS header ...
MVC和WebForm的優缺點對比

1 WebForm優點 1)支持事件模型開發，得益於豐富的服務端組件，WebForm開發可以迅速的搭建Web應用 2)使用方便，入門容易 3)控制項豐富的WebForm 2 WebForm缺點 1)封裝太強，很多地層東西讓我們初學者不是很明白 2)入門容易，提升很難。 3)複雜的生命周期模型學習起來並 ...
DataRow轉泛型，利用反射將查詢數據直接轉成實體

前言，此方法利用反射將DataRow轉成實體，由於反射SetValue據說性能不行，大家就看看就行了吧。後話， 1.可以通過緩存提高下性能。每次typeof(T)後，將其對象相關信息（泛型屬性等）存儲起來，下次從緩存讀取。 2.對SetValue改進。可以使用泛型委托對其賦值。 3.用Emit ...
在程式中添加計時器，來查看代碼的運行速度

Stopwatch watch = new Stopwatch();//初始化一個對象 watch.Start();//開始計時 //測試代碼 watch.Stop();//停止計時 System.Diagnostics.Debug.WriteLine("耗時:" + watch.Elapsed); ...