[译]在启用浏览器功能的INFOPATH表单中实现基于SQL SERVER的多级联动的下拉式列表

翻译:实现多级联动的下拉式列表

原文：http://blogs.msdn.com/infopath/archive/2006/10/12/cascading-dropdowns-in-browser-forms.aspx

如果你使用Office InfoPath客户端软件去创建解决方案，很方便地去使用“筛选”功能，去筛选下拉列表框的值，但是“筛选”功能在基于浏览器的模板中是用不起来的，那么我们怎么去完成同样的功能呢？

通过创建带参数的Web Service的方法我们就可以完成这个不可能的任务，你可以把这些基于Web Service的方法以“数据连接”的形式加入模板，当一个下拉列表框值发生变化时来执行这些查询。当这个查询设置好后，简单地执行这个“数据连接”的查询就可以获得相关的数据。

 

这个例子，需要去连接到SQL SERVER的Northwind示例数据库和Visual Studio。

 

首先，让我们去创建这个Web Service，其中包括2个方法。

 

Step 1:打开网站

 

1. 打开 VS
2. 从 “文件”（File） 菜单中, 选择 “打开”（Open） 然后再选择 “网站”（Web Site）
3. 选择“文件系统” （File System） 然后浏览到 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS

 

注意: 本示例选择了 LAYOUTS 文件夹, 这意味着这个 web service 对所有的网站都是可见的. 如果你想你的Web Service对某个特定的网站可见，你可以打开这个目录 C:\Inetpub\wwwroot\wss\VirtualDirectories\80

 

4. 点击打开（Open)
5. 在解决方案浏览器中（Solution Explorer）, 右击这个网站选择创建一个新的文件夹。

 

 

6. 重命名这个文件夹叫 WebServices
7. 考虑到今后可能还会有其它Web Service放在这个文件夹中，为了方便管理我们再创建一个子文件夹:
   1. 在WebServices 右击 选择新文件夹（New Folder）
   2. 重命名这个文件夹为 NorthwindTables

 

 

Step 2: 创建Web Service 

1. 右击 NorthwindTables 选择新建项目（ Add New Item）
2. 在模板对话框中选择WEB服务（Web Service）
3. 在命名框中把这个项目命名为: NorthwindTable.asmx

 

 

4. 取消“将代码放在单独的文件中”，点击确定。

 

 

Step 3: 添加WEB方法

 

注意： 在这个示例中, 假设 SQL Server 数据库是与Microsoft Office SharePoint Server安装在同一台机器中的。

 

1. 给代码添加“using” 如下: 

using System.Data;

using System.Data.SqlClient;

 

2. 添加Web 方法如下，从Northwind 库的 Customers 表中读取CustomerID的值:

 

[WebMethod]

public DataSet GetCustomers() {

            // 创建到Northwind 数据库的连接

            SqlConnection cn = new SqlConnection("Data Source=(local);Integrated Security=SSPI;Initial Catalog=Northwind");

 

            // 创建一个data adapter 对象来执行SQL

            // statement to retrieve the customer ID values

            SqlDataAdapter da = new SqlDataAdapter("SELECT Customers.CustomerID FROM Customers Order By CustomerID", cn);

 

            // 创建DataSet来存储

            DataSet ds = new DataSet();

 

            // 打开连接

            cn.Open();

 

            // 填充数据

            da.Fill(ds, "Customers");

 

            // 关闭相关连接

            cn.Close();

            cn = null;

            da = null;

            

            return ds;

            }

 

3. 如下添加web方法，从传入的已选择的客户(Customer)中去读取相关订单信息:

[WebMethod]

public DataSet GetOrdersForSelectedCustomer(string strCustID) {

            // 创建到库的连接

            SqlConnection cn = new SqlConnection("Data Source=(local);Integrated Security=SSPI;Initial Catalog=Northwind");

 

            //创建一个字串变量，以便存储修改后的SQL语句

            string strOrdersSQL = "";

 

            //创建一个默认的SQL字串

            string strOrdersOrigSQL = "SELECT * FROM Orders";

 

            // 一些客户ID的值包含单引号' 我们需要

            // 把它替换成2个单引号，以便

            // 系统可以正确地识别

            strCustID = strCustID.Replace("'", "''");

 

            // 把默认的SQL语句换成带查询参数的。

            // 并且需要排序

            strOrdersSQL = strOrdersOrigSQL + " Where CustomerID Like '%" + strCustID + "%' Order By OrderID";

 

            // 创建一个Adapter对像去获取OrderID的值。

            

            SqlDataAdapter daOrders = new SqlDataAdapter(strOrdersSQL, cn);

 

            // 创建DataSet存储数据

            DataSet Ds = new DataSet();

 

            // 打开连接

            cn.Open();

 

            // 填充数据

            daOrders.Fill(Ds, "Orders");

 

            // 清理内存

            cn.Close();

            cn = null;

            daOrders = null;

                 

            return Ds;

}

 

4. 生成（Build）并保存项目。

 

 

Step 4: 测试这个Web Service 

注意:  这个网站的应用程序池的标识帐户，必须对SQL SERVER这个数据库具有访问权限才可以。

 

1. 打开浏览器并访问http://%3cserver%3e/_layouts/WebServices/NorthwindTables/NorthwindTables.asmx (把 <server> 替换成你服务器名称)
2. 你可以看到刚才我们创建的2个方法，和系统默认的 HelloWorld :

 

 

3. 单击 GetCustomers 然后点击Invoke – 它会返回一组客户ID的值。
4. 单击 GetOrdersForSelectedCustomer ，在 strCustID 文本框中输入: BERGS 然后点击查询 – 它会返回 BERGS的所有订单号。

 

 

Step 5: 创建INFOPATH表单

 

1. 设计一个新的、空的、浏览器兼容的INFOPATH表单。
2. 添加一个下拉列表框并且命名为: SelectCustomer
3. 添加另一个下拉列表框并且命名为: SelectOrder

 

 

 

4. 如下添加2个 “仅接受数据”类型的数据连接，并且连接到NorthwindTables 的 Web Service中去。
   1. GetCustomers:
      • 打开选项“在表单打开时自动检索数据” （“Automatically retrieve data when the form is opened”）
   2. GetOrdersForSelectedCustomer:
      • 当需要使用示例值时，填入 ALFKI 作为 strCustID 参数
      • 取消选项“在表单打开时自动检索数据” （“Automatically retrieve data when the form is opened”）
5. 设置SelectCustomer这个下拉框的属性，其列表框项从外部数据源 GetCustomers 查找值，字段CustomerID 同时为其值和显示名称。
6. 设置 SelectOrder  这个下拉框属性，其列表框项从 GetOrdersForSelectedCustomer数据源查找值，同时使用 OrderID 字段作为其值和显示名称。
7. 在SelectCustomer这个下拉框上创建一个规则（Rule） 应用如下的操作:
1. 设置域值:设置SelectOrder 域值为空
2. 设置域值:设置数据源GetOrdersForSelectedCustomer 中的参数域(strCustID) 为主数据源SelectCustomer 域的值。
3. 使用数据连接进行查询GetOrdersForSelectedCustomer

 

 

8. 保存这个模板到本地，文件名为FilteredDrop-downs_IPFS.XSN

 

 

Step 6: 发布这个模板

 

1. 发布这个模板到运行 InfoPath Form Services的服务器
2. 使用浏览器在点击文件库中的新建
3. 在SelectCustomer 控件中选择BERGS
4. 点击 SelectOrder – 只有 BERGS 的订单被显示出来
5. 选择不同的客户ID注意订单下拉框是否改变。 

 

由Dosboy倾情翻译