gridveiw直接显示数据，不绑定数据库，如何在后台添加数据绑定到gridview

Posted 2023-05-06

就这样 不是sql数据是直接显示的。。

参考技术A 你可以使用数组来搞定,例如用下面的代码,先生成数组,然后装入表,再绑定到gredview.

前台：
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" OnSorting="GridView1_Sorting" AllowSorting="true">
<Columns>
<asp:BoundField DataField="id" HeaderText="id"/>
</Columns>
</asp:GridView>
后台： protected void Page_Load(object sender, EventArgs e)

if (!IsPostBack)

BindGridView();


void BindGridView()

this.GridView1.DataSource = GetTable();
this.GridView1.DataBind();

DataTable GetTable()

DataTable dt = new DataTable();
dt.Columns.Add("id", typeof(string));
string[] str = new string[20];//把这个数组改成你的就好了
for (int i = 0; i < str.Length; i++)

str[i] = i.ToString();

for (int j = 0; j < str.Length; j++)

DataRow row = dt.NewRow();
row["id"] = str[j];
dt.Rows.Add(row);

return dt;
追问

我要显示8时 9时 就是24小时 这一列 我该如何改你这个？我修改不了，我第一列不是数据库 但是其他列是数据库怎么绑定？

追答

前台根据需要增加

后台可以用循环,把数据库查询出来行的也加到DT表中,再绑定就行了

还有就是在查询记录的时候自动加一列序号.

1、SELECT IDENTITY(INT,1,1) AS time, * FROM Table1
2、SELECT IDENTITY(INT,1,1) AS time, * INTO #temp1 FROM Table1
SELECT * FROM #temp1
DROP TABLE #temp1

本回答被提问者采纳 参考技术B

using System.Drawing;
using System.Windows.Forms;

namespace test_1

    public partial class Form1 : Form
   
        public Form1()
       
            InitializeComponent();
            for (int i = 1; i < 24; i++)
           
                dataGridView1.Rows.Add(1,2,3,4);//加入要显示的内容，第一列1，第二列2，第三列3，第四列4
           
       

        private void dataGridView1_RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e)//在第一列加入序号
       
            Rectangle rectangle = new Rectangle(e.RowBounds.Location.X,
            e.RowBounds.Location.Y,
            dataGridView1.RowHeadersWidth - 4,
            e.RowBounds.Height);

            TextRenderer.DrawText(e.Graphics, (e.RowIndex + 1).ToString(),
            dataGridView1.RowHeadersDefaultCellStyle.Font,
            rectangle,
            dataGridView1.RowHeadersDefaultCellStyle.ForeColor,
            TextFormatFlags.VerticalCenter | TextFormatFlags.Right);

       
   

追问

我这是网页的不是软件。。。

追答

不好意思，小弟一直做的C#winform程序，网页接触太少，一楼是正解，你要显示24小时，就把24小时的数放进table就行了，直接把数组长度一改

小程序数据绑定和setData

我们wxml没有直接调用数据的能力，我们的逻辑是通过js调用数据，再由js传递给wxml才能够显示出来.那么怎么由js传递给wxml?

 

首先我的js里面有这样一段代码

process: function()
　　var date = ‘Nov 18 2019‘;
,

我需要将这个数据显示到wxml里面去。需要数据绑定，那么小程序里面的数据绑定是如何绑定到页面中的？我们只需要在data里面写上这个数据就可以数据绑定了。

js

data: 
　　date: ‘Nov 18 2019‘
,

wxml

<text>date</text>

双花括号是数据绑定的基本语法。data是page里面比较特殊的一个变量，只有在data下面的数据才能够进行一个数据绑定，其他key里面不行。

 

像小程序里面的这种数据绑定叫做单向数据绑定。就是js里面的变量的值变了，wxml会自动的变。但是如果wxml的数据变了，data里面的数据是不会自动的更新的。需要手动的设置

 

我们从服务器取数据一般是写在onLoad里面，我们模拟一段

onLoad: function (options) 
　　var post_content = 
　　　　date: ‘Nov 18 2019‘,
　　　　title: ‘正是虾肥蟹壮时‘,
　　　　post_img: ‘/images/post/crab.png‘,
　　　　content: ‘菊黄蟹正肥，品尝秋之味。徐志摩把看初花的荻芦和到楼外楼吃蟹，并列为秋天来杭州不能错过到风雅之事；用林妹妹到话讲时“螯封嫩玉双双满‘,
　　　　view_num: ‘112‘,
　　　　collect_num: ‘96‘,
　　　　author_img: ‘/images/avatar/1.png‘
　　
　　this.setData(post_content);
,

这样设置好之后，页面就可以拿到数据了，setData的作用简单的来说就是拷贝到data里面去。

<view class=‘post-container‘>
　　<view class=‘post-author-date‘>
　　　　<image src=‘author_img‘></image>
　　　　<text>date</text>
　　</view>
　　<text class=‘post-title‘>title</text>
　　<image class=‘post-image‘ src=‘post_img‘></image>
　　<text class=‘post-content‘>content</text>
　　<view class=‘post-like‘>
　　　　<image class=‘post-like-image‘ src=‘/images/icon/chat.png‘></image>
　　　　<text class=‘post-like-font‘>collect_num</text>
　　　　<image class=‘post-like-image‘ src=‘/images/icon/view.png‘></image>
　　　　<text class=‘post-like-font‘>view_num</text>
　　</view>
</view>

 

＊：如果数据是绑定在属性里面的，不能把引号去掉，一定要把引号写上。如果去掉会直接报错。