使用repeater实现gridview的功能

<asp:Repeater ID="rptfindData" runat="server">
                    <HeaderTemplate>
                        <tr>
                            <td>repeater中的自增</td>
                            <td>ID</td>
                            <td>Name</td>
                            <td>Sex</td>
                            <td>operation</td>
                        </tr>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td><%# Container.ItemIndex+1 %></td>
                            <td><%#Eval("ID") %></td>
                            <td>
                                <label id="lbl-Name-<%# Container.ItemIndex+1 %>" style="display: block"><%#Eval("Name") %></label>
                                <input id="txt-Name-<%# Container.ItemIndex+1 %>" type="text" value=‘<%#Eval("Name") %>‘ style="display: none;"/>
                            </td>
                            <td>
                                <label id="lbl-Sex-<%# Container.ItemIndex+1 %>" style="display: block"> <%#Eval("Sex").ToString() == "1" ? "男" : "女" %></label>
                                <div id="div-sex-<%# Container.ItemIndex+1 %>" style="display: none">
                                    <%--<asp:RadioButton ID="male" Checked="True" GroupName="Gender" runat="server" Text="男" />
                                    <asp:RadioButton ID="female" GroupName="Gender" runat="server" Text="女" />--%>
                                    <input id="male-<%# Container.ItemIndex+1 %>" type="radio" value="1" name="gender-<%# Container.ItemIndex+1 %>" <%#Eval("Sex").ToString() == "1" ? "checked=‘checked‘" : "" %> />男
                                    <input id="female-<%# Container.ItemIndex+1 %>" type="radio" value="2" name="gender-<%# Container.ItemIndex+1 %>" <%#Eval("Sex").ToString() == "2" ? "checked=‘checked‘" : "" %> />女
                                </div>
                                <%--<input id="txt-Sex-<%# Container.ItemIndex+1 %>" type="text" value=‘<%#Eval("Sex") %>‘ style="display: none"/>--%>
                            </td>
                            <td>
                                <label id="lbl-update-<%# Container.ItemIndex+1 %>" style="display: block" onclick="displayText(<%# Container.ItemIndex+1 %>)">update</label>
                                <label id="lbl-save-<%# Container.ItemIndex+1 %>" style="display: none" onclick="displayLabel(<%# Container.ItemIndex+1 %>,<%#Eval("ID") %>)">save</label>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
        </div>
    </form>
</body>
</html>
<script type="text/javascript">
    function displayText(id) {
        $("#lbl-Name-" + id).css("display", "none");
        $("#txt-Name-" + id).css("display", "block");
        $("#lbl-Sex-" + id).css("display", "none");
        $("#txt-Sex-" + id).css("display", "block");
        $("#div-sex-" + id).css("display", "block");
        $("#lbl-update-" + id).css("display", "none");
        $("#lbl-save-" + id).css("display", "block");
    }
    function displayLabel(id, dataId) {
        debugger;
        $("#lbl-Name-" + id).css("display", "block");
        $("#txt-Name-" + id).css("display", "none");
        $("#lbl-Sex-" + id).css("display", "block");
        $("#txt-Sex-" + id).css("display", "none");
        $("#div-sex-" + id).css("display", "none");
        $("#lbl-update-" + id).css("display", "block");
        $("#lbl-save-" + id).css("display", "none");
        var name = $("#txt-Name-" + id).val();
//        var sexPD = $(‘‘).checked;
        //var sex;
        //if (sexPD) {
        //    sex = 1;
        //} else {
        //    sex = 2;
        //}
        var sex = $("input:radio[name=‘gender-" + id + "‘]:checked").val();
        //var sex = $("#txt-Sex-" + id).val();
        //保存数据
        $.ajax({
            url: "/GridViewDataASHX.ashx",
            type: "post",
            async: false,
            cache:false,
            data: {
                "name": name,
                "sex": sex,
                "id":dataId
            },
            success: function (data) {
                if (data > 0) {
                    alert("成功!");
                    window.location.href = window.location.href;
                } else {
                    alert("失败!");
                }
            }
        });
    }

是否还有更好的实现方式呢?

时间: 2024-11-03 21:37:13

使用repeater实现gridview的功能的相关文章

GridView的功能和用法

GridView跟ListView的区别: GridView只有一列的话就是一个ListView simple: cell.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_paren

GridView分页功能的实现

当GridView中显示的记录很多的时候,可以通过GridView的分页功能来分页显示这些记录.如果GridView是直接绑定数据库,则很简单:将"启动分页"打勾即可. 如果是用代码实现,则需要这么做: 1.允许分页AllowPaging属性为True: 2.设置GridView属性栏中PagerSetting里的一些属性中,定义分页的样式: 3.进行数据绑定,将数据显示到GridView上: 4.通过触发相关事件,将数据分页显示. 部分代码: 1.查询数据并绑定 1 /// <

Repeater嵌套gridview

前台:<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" OnItemDataBound="Repeater1_ItemDataBound">        <ItemTemplate>           id:<%#Eval("ID")%>           carid:

c# Gridview 自动分页功能 解决后面页面不显示问题

操作步骤: 操作如下: 1.更改GrdView控件的AllowPaging属性为true. 2.更改GrdView控件的PageSize属性为 任意数值(默认为10) 3.更改GrdView控件的PageSetting->Mode为Numeric等(默认为Numeric)该属性为分页样式. GridView属性设置好了,从页面上也能看到分页样式. 现在开始实现分页的功能: 1.在<<asp:GridView ID=......>后添加,OnPageIndexChanging=&qu

Repeater嵌套gridview,主从表展示

点击详细:展示详细内嵌套的gridview信息. 显示效果: 局点:0 到货时间:2014-11-020 接收人:签0 详细     局点:1 到货时间:2014-11-021 接收人:签1 详细   时间状态 接收人 2014-11-020 签0 局点:2 到货时间:2014-11-022 接收人:签2 详细     局点:3 到货时间:2014-11-023 接收人:签3 详细 <asp:UpdatePanel ID="UpdatePanel1" runat="se

Repeater、GridView等 操作XML文件

在项目中需要对XML文件进行管理,我用了Repeater 的方式来实现了实时的更新 希望对阅读这篇随笔的您有所帮助,我用的Repeater,您也可以用GridView等...区别仅仅在于控件内的按钮的事件中获取当前操作对象索引的方式.. 如果您的XML文档格式与此不同,建议使用下面的XML格式(因为这个格式能够通过DataSet的LoadXML方法直接获得数据源,并且能够使用DateSet的WriteXML方法输出XML文档)或者您可以根基自己的格式重新写ReadXmlInfo和WriteXML

Repeater, DataList, 和GridView控件的区别

http://blog.sina.com.cn/s/blog_646dc75c0100h5p6.html http://www.cnblogs.com/phone/archive/2010/09/15/1826891.html 1. GridView 控件 GridView 控件用于显示表中的数据.通过使用 GridView 控件,您可以显示.编辑.删除.排序和翻阅多种不同的数据源(包括数据库.XML 文件和公开数据的业务对象)中的表格数据. 显示表格数据是软件开发中的一个周期性任务.ASP.N

asp.net + Jquery 实现类似Gridview功能 (一)

不知不觉2015年就过去一半了,由于过年前后公司人员陆续离职(这个...),项目忙不过来,从过年来上班就一直在忙,最近项目终于告一段落,开始步入正轨(不用天天赶项目了).所以最近才有时间写这个东西,可能写的过程中我会从最开始的demo开始,一步一步的去实现我想要的功能,所以会比较啰嗦,感觉无聊请无视. 需求: 想利用Jquery做一个类似Gridview的功能 主要功能点 1.显示数据 2.分页 3.排序 4.样式好看 暂时先实现这些,后面再优化扩展. 好了,开始吧! 如图新建一个空白项目,只有

扩展GridView控件——为内容项添加拖放及分组功能

引言 相信大家对GridView都不陌生,是非常有用的控件,用于平铺有序的显示多个内容项.打开任何WinRT应用或者是微软合作商的网站,都会在APP中发现GridView的使用."Tiles"提供了一个简单易用,平铺方式来组织内容显示.Windows8的开始菜单是最典型的GridView 示例."开始菜单"显示了系统中安装的所有应用程序,而且支持重新排列. 本文源于我们项目的开发人员,他们想在项目中提供与GridView相同的用户体验,想要创建类GridView控件