PeopleEditor允许客户端输入的同时验证输入的内容

如何判断PeopleEditor的值为空

 

在sharepoint开发中,我们经常会用到PeopleEditor这一控件,最近我在写程序的时候用到了,开始的时候不知道怎么用,后来问题解决啦,现在写出来,和大家共享一下,希望对sharepoint初学者有帮助

<SharePoint:PeopleEditor ID="peOwner" runat="server" Rows="1" ValidatorEnabled="True"  MultiSelect="False" 
                 Width="160px" AllowEmpty="true"/>

其中,AllowEmpty:指PeopleEditor能否为空,true:表示允许为空,false:表示不允许为空   默认为true

如果允许为空,当点击提交按钮,向列表中添加数据的时候,要先判断该PeopleEditor是否为空,如果为空的话,就不向列表中添加该数据,如果不为空的话则向列表中添加数据,那么如何判断PeopleEditor为空呢

string strID = "";
foreach (PickerEntity p in this.peOwner.ResolvedEntities)
{
      strID += p.EntityData["SPUserID"].ToString() + ";#;#";s
}

判断strID是否为空,如果strID为空则说明PeopleEditor没有填写任何值,如果不为空,则说明PeopleEditor有值


 
概述:我们在开发sharepoint应用的时候,会觉得他的人员选择控件peopleeditor是一个不错的控件,就想要直接的使用它在我们的usercontrol中,但是他本身是不提供验证输入内容的,除非你手动点击控件右下角的【检查名称】图标。有两个办法可以解决,一个就是关闭控件的输入功能
 

我们在开发sharepoint应用的时候,会觉得他的人员选择控件peopleeditor是一个不错的控件,就想要直接的使用它在我们的usercontrol中,但是他本身是不提供验证输入内容的,除非你手动点击控件右下角的【检查名称】图标。有两个办法可以解决,一个就是关闭控件的输入功能

allowtypein="false"

,只让用户通过选择人员来添加人员,但是这样有的用户觉得不能输入太麻烦了;那就打开输入功能

allowtypein="true",这时候就需要在输入完毕之后点击【检查名称】,然后才能【确定】按钮,提交数据,要不然,提交的没有验证,没有反应,没有提示。看起来很不爽啊!!!!!

通过查看页面的源代码,发现在他的【检查名称】图标的a标记的onclick里面有一段javascript代码,是用来实现客户端验证输入的人员是否存在于系统,我就想我们是否可以在【确定】按钮的客户端验证也添加这段脚本,或者让他帮助点击一下那个【检查名称】图标链接呢?这里使用的就是直接在客户端调用那个a标记的onclick方法

<script type="text/javascript">
        function clientvalidate() {

var client = document.getElementById("<%=peSelectPeople.ClientID %>" + "_checkNames");
            client.click();
            var error = document.getElementById("<%=peSelectPeople.ClientID %>" + "_errorLabel");
            if (error.innerHTML == "" || error.innerHTML==("必须为此必填字段指定值。"))
                return false;
            else
                return true;
        }
</script>

上面是一段JavaScript代码,是一个函数,里面调用了【检查名称】checkNames标记的脚本代码,然后判断errorLabel控件是否提示错误信息。如果提示错误,则返回false;否则返回true。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddPeopleToDepartment.ascx.cs"
    Inherits="Kimbanx.UCS.SystemMaintenance.AddPeopleToDepartment" %>
<%@ Register Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"
    Namespace="Microsoft.SharePoint.WebControls" TagPrefix="cc1" %>

<script type="text/javascript">
        function clientvalidate() {

var client = document.getElementById("<%=peSelectPeople.ClientID %>" + "_checkNames");
            client.click();
            var error = document.getElementById("<%=peSelectPeople.ClientID %>" + "_errorLabel");
            if (error.innerHTML == "" || error.innerHTML==("必须为此必填字段指定值。"))
                return false;
            else
                return true;
        }
</script>

<table width="90%">
    <tr>
        <td class="ms-formlabel">
            所在部门
        </td>
        <td class="ms-formlabel">
            <asp:Label runat="server" ID="lblDepartment" Text=""></asp:Label>
        </td>
    </tr>
    <tr>
        <td class="ms-formlabel" valign="top">
            选择人员
        </td>
        <td class="ms-formbody">
            <cc1:peopleeditor id="peSelectPeople" runat="server" allowempty="False" allowtypein="true"
                validatorenabled="True" />
            <asp:RequiredFieldValidator ID="RequiredFieldValidatorPe" runat="server" ErrorMessage="不能为空"
                ControlToValidate="peSelectPeople" Display="Dynamic"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="ms-formlabel">
            职务
        </td>
        <td class="ms-formbody">
            <asp:TextBox runat="server" ID="txtPosition"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="ms-formlabel">
            优先级
        </td>
        <td class="ms-formbody">
            <asp:TextBox runat="server" ID="txtPriority"></asp:TextBox>
            <asp:RegularExpressionValidator ID="RegularExpressionValidatorPriority" runat="server"
                ErrorMessage="只能是大于等于0的数字" ControlToValidate="txtPriority" ValidationExpression="^[1-9]\d*|0$"
                Display="Dynamic"></asp:RegularExpressionValidator>
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="right">
            <asp:Button ID="btnAdd" Text="添加" runat="server" CssClass="ms-ButtonHeightWidth"
                OnClientClick="return clientvalidate();" OnClick="btnAdd_Click" />&nbsp &nbsp
            <asp:Button ID="btnCancel" Text="取消" runat="server" CssClass="ms-ButtonHeightWidth"
                OnClick="btnCancel_Click" CausesValidation="False" />
        </td>
        <%--<td></td>--%>
    </tr>
</table>

上一篇:Ajax与Jquery题库


下一篇:面向对象js瀑布流效果