WebBrowser一点心得，如果在Javascript和Winform代码之间实现双向通信
最近工作需要，学习了一下winform内嵌webbrowser控件，然后与htm页面中的javascript交互调用的技术，因此有了这篇心得。
总的来说，javascript与winform的code互相调用，和web开发中javascript与服务器端代码通过ajax互相调用有类似之处。
下面就用三个例子来说明：
一.将WebBrowser控件放置在winform中，然后，写一个Page1.htm，内容如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
function test(message)
{
alert(message);
}
</script>
</head>
<body>
<button onclick="test('test called from script code')">Button</button>
</body>
</html>
我将此Page1.htm显示在WebBrowser中看看，这个不难写，在winform中加上下面一句即可。
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
然后运行，在winform中的webbrowser显示出来这个htm了，点按钮调用javascript函数，弹出alert提示，一切都很正常，没什么稀奇。
二.如果我把javascript中的函数挪到winform的cs代码里，htm页面还能调用的到吗？
这有点ajax的味道了，在客户端的javascript里如何调用webpage.aspx.cs里的代码，在ajaxpro那时候，是需要在webpage.aspx.cs的代码里注册一下本页供ajax使用，在函数前也要声明一下是ajax函数的。
再说回来，如果想调用winform中的代码，也类似的，要给winform设置一下ComVisibleAttribute(true), 并给webbrowser控件设置一下webBrowser1.ObjectForScripting属性。
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
webBrowser1.ObjectForScripting = this;
其实，如果做的好，可以把这些代码专门归入一个类中，方便管理，这里就变为：webBrowser1.ObjectForScripting = new 某类()了;
然后，再在winform里写一个函数。
public void Test(String message)
{
MessageBox.Show(message, "client code");
}
最后，htm里调用时要用window.external前缀一下Test方法名。
<button onclick="window.external.Test('test called from windows code')">Button</button>
然后再运行，就发现，htm里的onclick事件，居然能调用winform里的code了，真是神奇！
完整winform代码如下：
using System;
using System.Windows.Forms;
using System.Security.Permissions;
namespace WindowsFormsApp
{
[PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
[System.Runtime.InteropServices.ComVisibleAttribute(true)]
public partial class Form2 : Form
{
private WebBrowser webBrowser1 = new WebBrowser();
public Form2()
{
InitializeComponent();
button1.Text = "call script code from client code";
button1.Dock = DockStyle.Top;
button1.Click += new EventHandler(button1_Click);
webBrowser1.Dock = DockStyle.Fill;
Controls.Add(webBrowser1);
Load += new EventHandler(Form2_Load);
}
private void Form2_Load(object sender, EventArgs e)
{
webBrowser1.AllowWebBrowserDrop = false;
webBrowser1.IsWebBrowserContextMenuEnabled = false;
webBrowser1.WebBrowserShortcutsEnabled = false;
webBrowser1.ObjectForScripting = this;
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
}
public void Test(String message)
{
MessageBox.Show(message, "client code");
}
}
}
总结一下，关键的webBrowser1.ObjectForScripting属性，ComVisibleAttribute(true)和window.external。
msdn说webBrowser1.ObjectForScripting属性的作用是：获取或设置一个对象，该对象可由显示在 WebBrowser 控件中的网页所包含的脚本代码访问。使用该属性可以启用 WebBrowser 控件承载的网页与包含 WebBrowser 控件的应用程序之间的通信。使用该属性可以将动态 HTML (DHTML) 代码与客户端应用程序代码集成在一起。为该属性指定的对象可作为 window.external 对象（用于主机访问的内置 DOM 对象）用于网页脚本。
可以将此属性设置为希望其公共属性和方法可用于脚本代码的任何 COM 可见的对象。可以通过使用 ComVisibleAttribute 对类进行标记使其成为 COM 可见的类。
这一步也至关重要，如果不设置ComVisibleAttribute(true)，那这个程序就不能加载显示htm页面，因为htm里用了window.external.Test(）方法，该方法所在的类如果不ComVisible，就无法访问到了。反过来，如果设置了ComVisible，却不设置webBrowser1.ObjectForScripting属性，那代码执行时会报错：window.external无效或找不到对象。
而缺少了window.external，就更甭提了，因此，这三者缺一不可。
再看看这个window.external，在常见的javascript书中不见踪影，但却非常有用，一个常见的应用是：
<input type="button" name="Button" value="add" onclick="window.external.AddFavorite(location.href,document.title)" />
引用别人的"在嵌入了浏览器的工程中，除了IE默认提供的外部方法之外，需要网页的脚本中能调用c++代码，要实现这种交互，就必须实现脚本扩展。实现脚本扩展就是在程序中实现一个IDispatch接口，通过CHtmlView类的OnGetExternal虚函数返回此接口指针,这样就可以在脚本中通过window.external.XXX(关键字window可以省略)来引用接口暴露的方法或属性(XXX为方法或属性名)。"
再看看在c#中的脚本扩展，只需要webBrowser1.ObjectForScripting和ComVisibleAttribute(true)简单一设置就完事了，简单吧！幸福吧！悲催吧！
三.再来看一个，从winform的code里，能调用html页面里的javascript吗？
Page1.htm，删掉button，只保留javascript脚本。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
function test(message)
{
alert(message);
}
</script>
</head>
<body>
</body>
</html>
using System;
using System.Windows.Forms;
using System.Security.Permissions;
namespace WindowsFormsApp
{
[PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
[System.Runtime.InteropServices.ComVisibleAttribute(true)]
public partial class Form2 : Form
{
private WebBrowser webBrowser1 = new WebBrowser();
private Button button1 = new Button();
public Form2()
{
InitializeComponent();
button1.Text = "call script code from client code";
button1.Dock = DockStyle.Top;
button1.Click += new EventHandler(button1_Click);
webBrowser1.Dock = DockStyle.Fill;
Controls.Add(webBrowser1);
Controls.Add(button1);
Load += new EventHandler(Form2_Load);
}
private void Form2_Load(object sender, EventArgs e)
{
webBrowser1.AllowWebBrowserDrop = false;
webBrowser1.IsWebBrowserContextMenuEnabled = false;
webBrowser1.WebBrowserShortcutsEnabled = false;
webBrowser1.ObjectForScripting = this;
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
}
private void button1_Click(object sender, EventArgs e)
{
webBrowser1.Document.InvokeScript("test",
new String[] { "called from client code" });
}
}
}
这回关键的因素就是webBrowser1.Document.InvokeScript了，而webBrowser1.ObjectForScripting，ComVisible不再需要了。
HtmlDocument.InvokeScript 方法的作用是：执行在 HTML 页面中定义的动态脚本函数。
至此，javascript与winform的code就可以互相调用了，感觉和web开发也有些类似。
这项技术叫在javascript(DHTML)代码和客户端应用程序代码之间实现双向通信.
曾经用过的Sql Server分页方法小结
工作这些年, 数据库分页也用过几种方案, 总结如下:
1.用row_number函数及临时表分页, 适用sql 2005/2008.
大致思路如下:
SELECT *, ROW_NUMBER() OVER (ORDER BY OrderID DESC ) AS rownumber
into #SO
FROM tbl_SalesOrder
Where condition...
SELECT *
FROM #SO
Where (#SO.rownumber between 1 AND 15
order by #SO.RowNumber
2.用row_number函数及表表达式分页, 适用sql 2005/2008, 这个就不用临时表了.
要拼sql, 大致思路如下:
declare @SQLString varchar(2000)
set @SQLString='SELECT *, ROW_NUMBER() OVER (ORDER BY OrderID DESC ) AS rownumber
into #SO
FROM tbl_SalesOrder
Where condition...'
set @SQLString = 'with tempTable as ('+ @SQLString +')'
set @SQLString = @SQLString + ' Select * from tempTable where (rownumber between @FirstRec1 and @LastRec1) order by rownumber; '
EXECUTE sp_executesql @SQLString
3.在没有row_number的早期版本时, 用临时表存储符合条件的全部记录并设置自增字段, 然后按照传入的页码返回相应的数据, 适用Sql 2000/2005/2008.
缺点是效率不高, 但很通用.
这倒是有个完整版:
ALTER PROCEDURE [dbo].[lzd_sp_getDocumentListBySQL]
@iPage int,
@iPageSize int,
@searchstring nvarchar(4000),
@orderstring nvarchar(4000),
@PageCount int output,
@RecordCount int output
AS
BEGIN
-- declare variables
DECLARE @iPageCount int -- total number of pages
DECLARE @iStart numeric -- start record
DECLARE @iEnd numeric -- end record
-- disable row counts
SET NOCOUNT ON
--建立临时表。
CREATE TABLE #Document (
--这个自增字段十分关键，就是靠他来完成分页标示。
ID numeric(18, 0) IDENTITY,
Num_InfoID numeric(18, 0) NOT NULL ,
Num_AdminID numeric(18, 0) NULL ,
VC_TITLE varchar (100) NULL ,
Num_Type numeric(18,0) null,
Dt_Pub datetime NULL,
Vc_File varchar(100) null,
Num_DeptID numeric(18,0) null,
Vc_Content text null
)
--先转存到下面的这个纪录集。
exec(
'INSERT INTO #Document(Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content)
SELECT Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content
FROM dbo.Tbl_Document ' + @searchstring + ' order by ' + @orderstring
)
--计算记录总数
SELECT @iPageCount = COUNT(*)
FROM #Document
SELECT @RecordCount = @iPageCount
SELECT @iPageCount = CEILING(@iPageCount / @iPageSize) + 1
-- 检查页号是否合法
IF @iPage < 1
SELECT @iPage = 1
IF @iPage > @iPageCount
SELECT @iPage = @iPageCount
-- 计算开始和结束记录位置
SELECT @iStart = (@iPage - 1) * @iPageSize
SELECT @iEnd = @iStart + @iPageSize + 1
--这条sql语句就是选取固定的纪录集。
SELECT Num_InfoID,Num_AdminID,VC_TITLE,Num_Type,Dt_Pub,Vc_File,Num_DeptID,Vc_Content
FROM #Document
WHERE ID > @iStart
AND ID < @iEnd
DROP TABLE #Document
SELECT @PageCount =@iPageCount
-- turn back on record counts
SET NOCOUNT OFF
-- Return the number of records left
RETURN @PageCount
END
4.使用Top分页
这个思路网上看来的, 没实际用过, 也是一种思路, 看起来也是要拼sql的.
大致思路如下: 将符合条件的数据的前几页数据id提取出来, 然后top PageRowCount 并且not in这些id.
SELECT TOP @PageRowCount *
FROM tbl_user
WHERE
(
Num_LoginID NOT IN (SELECT TOP (@PageRowCount*(@CurrentPage-1)) Num_LoginID FROM Tbl_User ORDER BY Num_LoginID DESC)
)
ORDER BY Num_LoginID DESC
推荐资料:
http://tech.it168.com/msoft/2008-02-18/200802181013281_1.shtml
http://blog.csdn.net/lihonggen0/article/details/103511
http://www.cnblogs.com/liuzhendong/archive/2012/02/14/2351886.html