界面控件DevExpress WinForms v21.2：Data Grid - 全新的HTML模板

evExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！

DevExpress WinForm 已正式发布了重大版本——v21.2，此版本的数据网格控件拥有全新的HTML & CSS模板！欢迎下载最新版体验！

DevExpress WinForms Subscription官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网

Data Grid

WinExplorer视图 - HTML 模板

新版本的WinForms Data Grid的WinExplorer 视图现在支持 HTML/CSS 模板，选项包括：

'WinExplorerViewStyleOptions.HtmlTemplate' 属性现在可用于每个单独的 WinExplorer 视图样式（大图标、图块、详细信息等），使用此属性为样式应用默认 HTML 模板。
'WinExplorerView.HtmlTemplates' 属性存储您的模板，要动态应用 HTML 模板，请处理“QueryItemTemplate”事件。

平铺视图 - HTML 模板

您现在可以创建受 Web 启发的图块并根据需要将它们绑定到数据字段。要创建受 Web 启发的磁贴，请将您的 HTML 模板分配给 'TileView.TileHtmlTemplate' 属性。

您可以创建多个 HTML 模板并将它们添加到 TileView.TileHtmlTemplates 集合中，处理 CustomItemTemplate 事件来将模板应用到图块。

命名占位符

您现在可以使用字段名称作为 CardCaptionFormat 和 RecordHeaderFormat 属性的占位符。

cardView1.CardCaptionFormat = "Record # {0}, {Name}";

在以前的版本中，您必须通过相应网格列的索引来引用必填字段：

cardView1.CardCaptionFormat = "Record # {0}, {2}";

列标题中搜索框的新 'Text Search'模式

列标题中的搜索框现在提供全文搜索支持，在之前的版本(v21.1x) 中，搜索框改为使用过滤模式 - 与搜索字符串不匹配的值被隐藏。要激活文本搜索模式，请将“OptionsFilter.InHeaderSearchMode”属性设置为“TextSearch”。

注意：此选项在可见数据行中搜索（折叠和组行被忽略），并且在服务器模式下不起作用。

.NET 5 设计器的数据源配置向导

需要（尚未实现）Microsoft DataSet 组件的传统数据源类型的向导选项不起作用，但您现在可以使用此向导连接现有的数据感知控件到以下数据源类型：

ADO.NET 数据集
XPO
实体框架
MongoDB
JSON
Excel 工作表
未绑定或 xml 数据

战wxPython系列-044

本文介绍如何在Python的GUI工具中嵌入HTML页面。

wxPython的wx.html和wx.html2模块支持解析和显示HTML文件内容。wx.html.HtmlWindow对象是一个通用的HTML浏览器，但不是一个全功能的浏览器，所以支持的功能有限。wx.html.HtmlWindow只支持HTML标准的一个子集，不支持Javascript或者CSS。如果要支持全特性的HTML渲染组件，请使用wx.html2.WebView。

一、wx.html.HtmlWindow简介

wx.html.HtmlWindow控件的目的是显示基于HTML标准字迹的富内容页面（本地文件或者通过HTTP下载的网页文件），一定创建了该窗口控件，可以通过调用SetPage和LoadPage来设置它的内容。

wx.html.HtmlWindow支持的窗口样式：

wx.html.HW_SCROLLBAR_NEVER：不显示滚动条。
wx.html.HW_SCROLLBAR_AUTO：在需要的时候显示滚动条。
wx.html.HW_NO_SELECTION：用户不可以选择其中的文本(默认可以)。

wx.html.HtmlWindow发出的事件：

EVT_HTML_CELL_CLICKED：单击wx.html.HtmlCell时产生。
EVT_HTML_CELL_HOVER：鼠标经过一个wx.html.HtmlCell时产生。
EVT_HTML_LINK_CLICKED：单击了包含超链接的wx.html.HtmlCell时产生。

wx.html.HtmlWindow常用方法：

AppendToPage(self, source)：将HTML片段附加到当前显示的文本并刷新窗口。
GetOpenedAnchor(self)：返回当前打开页面中的锚点。如果没有打开任何页，或者所显示的页不是通过调用LoadPage生成的，则返回空字符串。
GetOpenedPage(self)：返回所打开页面的完整位置。如果没有打开任何页，或者所显示的页不是通过调用LoadPage生成的，则返回空字符串。
GetOpenedPageTitle(self)：返回所打开页面的标题，如果当前页面不包含< title >标记，则返回“”。
HistoryBack(self)：移动回上一页。只有使用LoadPage显示的页面才存储在历史列表中。
HistoryCanBack(self)：如果有可能在历史页面向后操作，即返回True。
HistoryCanForward(self)：如果有可能在历史中向前操作，即返回True。
HistoryClear(self)：清除历史页面。
HistoryForward(self)：移动到下一页。只有使用LoadPage显示的页面才存储在历史列表中。
LoadFile(self, filename)：从文件加载HTML页面并显示它。
LoadPage(self, location)：与SetPage不同，这个函数首先从给定的location加载HTML页面，然后显示它。
OnCellClicked(self, cell, x, y, event)：在wx.html.HtmlWindow内单击鼠标按钮时调用此方法。默认行为是发出wx.html.HtmlCellEvent，如果事件没有被处理或跳过，如果单元格包含超文本链接，则调用OnLinkClicked。
OnCellMouseHover(self, cell, x, y)：当鼠标移动到HTML单元格上时调用此方法。默认行为是发出wx.html.HtmlCellEvent。
OnLinkClicked(self, link)：当用户单击超文本链接时调用。默认行为是触发wx.html.HtmlLinkEvent，如果没有处理或跳过该事件，则调用LoadPage，不做任何其他事情。
OnOpeningURL(self, type, url)：在URL被打开时调用(当用户单击链接或加载图像时)。只有OnOpeningURL返回HTML_OPEN时，URL才会被打开。此方法由wx.html.HtmlParser.OpenURL调用。

图1：wx.html.HtmlWindow类继承关系

二、wx.html.HtmlWindow演示

Htmlwin.py文件

#html窗口(wx.html.HtmlWindow)

import wx
import wx.html

class SampleHtmlWindow(wx.Frame):

    def __init__(self, *args, **kw):
        super(SampleHtmlWindow, self).__init__(*args, **kw)

        self.InitUi()

    def InitUi(self):
        self.SetTitle("实战wxPython: HtmlWindow演示")
        self.SetSize(400, 300)

        panel = wx.Panel(self)
        vbox = wx.BoxSizer(wx.VERTICAL)
        hbox = wx.BoxSizer(wx.HORIZONTAL)

        htmlwin = wx.html.HtmlWindow(panel, wx.ID_ANY, style = wx.NO_BORDER)
        htmlwin.SetStandardFonts()
        htmlwin.LoadPage("page.html")
        """
        htmlwin.SetPage('''
            <html>
                <body bgcolor="#fdd22f">
                    <h1>这是标题</h1>
                    <b style="color:blue">实战wxPython</b>
                    <p>通过RGB值设置背景颜色</p>
                    <br/>
                    <p> 
                        这是一个段落
                    </p>
                    <i>这是斜体文本</i>
                </body>
            </html>
        ''')
        """

        vbox.Add((-1, 10), 0)
        vbox.Add(htmlwin, 1, wx.EXPAND | wx.ALL, 9)

        bitmap = wx.StaticBitmap(panel, wx.ID_ANY, wx.Bitmap("newt.png"))
        hbox.Add(bitmap, 0, wx.LEFT | wx.BOTTOM | wx.TOP, 10)

        btnOk = wx.Button(panel, wx.ID_ANY, "确定")
        self.Bind(wx.EVT_BUTTON, self.OnClose, id=btnOk.GetId())

        hbox.Add((100, -1), 1, wx.LEFT)
        hbox.Add(btnOk, flag = wx.TOP | wx.BOTTOM | wx.RIGHT, border = 10)

        vbox.Add(hbox, 0, wx.EXPAND)

        panel.SetSizer(vbox)

        self.Centre()

    def OnClose(self, e):
        self.Close()

def main():
    app = wx.App()
    sample = SampleHtmlWindow(None)
    sample.Show()
    app.MainLoop()

if __name__ == "__main__":
    main()

page.html文件

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
</head>
<html>
    <table cellspacing="5" border="0" width="250">
        <tr width="200" align="left">
            <td bgcolor="#e7e7e7">  Maximum</td>
            <td bgcolor="#aaaaaa">  <b>9000</b></td>
        </tr>
        <tr align="left">
            <td bgcolor="#e7e7e7">  Mean</td>
            <td bgcolor="#aaaaaa">  <b>6076</b></td>
        </tr>
        <tr align="left">
            <td bgcolor="#e7e7e7">  Minimum</td>
            <td bgcolor="#aaaaaa">  <b>3800</b></td>
        </tr>
        <tr align="left">
            <td bgcolor="#e7e7e7">  Median</td>
            <td bgcolor="#aaaaaa">  <b>6000</b></td>
        </tr>
        <tr align="left">
            <td bgcolor="#e7e7e7">  Standard Deviation</td>
            <td bgcolor="#aaaaaa">  <b>6076</b></td>
        </tr>
    </table>
</html>

上面的示例演示了如何使用wx.html.HtmlWindow来加载一个html文件并显示它。

htmlwin = wx.html.HtmlWindow(panel, wx.ID_ANY, style = wx.NO_BORDER)
htmlwin.SetStandardFonts()
htmlwin.LoadPage("page.html")

创建wx.html.HtmlWindow对象，然后使用LoadPage方法加载文件。

图2：wx.html.HtmWindow演示

三、本文知识点

了解wx.html.HtmlWindow控件。
使用wx.html.HtmlWindow加载并显示HTML文件。

前一篇：wxPython - 高级控件之表格Grid

请关注，评论，收藏，点赞，和转发。

天这篇文章我们主要来看一下表单的控件都有哪些，如何使用表单标签，与用户交互。

（1）网站怎样与用户进行交互？

答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。

使用语法：<form method="传送方式" action="服务器文件"></form>

详细讲解：

1、<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。

2、action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)，后台可以通过这个文件来接收前端传过去的数据资料并进行分析处理。

3、method ：数据传送的方式（get/post），get多用于获取数据，post多用于提交数据（关于这一块大家可以简单了解一下即可，后期我们会在网站制作的时候进行讲解）。

注意：所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间（否则用户输入的信息可提交不到服务器上哦！）。

（2）表单控件介绍

1）文本输入框、密码输入框

当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框和密码框只有type类型的区别，其它的写法是一样的。

使用语法：

文本输入框：<input type="text" name="文本名称" value="文本内容" placeholder="文本提示信息" />

密码输入框：<input type="password" name="密码名称" value="密码信息" placeholder="密码提示信息" />

详细讲解：

1、type：当type="text"时，输入框为文本输入框，输入的文字是可以看见的；当type="password"时, 输入框为密码输入框，输入的文字内容是无法看见的。

2、name：为文本框/密码框命名，以备后台程序使用。

3、value：为文本输入框输入的内容。

4、placeholder：当我们的value内容为空的时候显示，用于提示输入框输入信息格式；

使用练习：我们创建一个表单，表单里边包含用户名和密码输入框。具体的代码如下图所示：

在网页中的显示效果如下所示：

2）多行文本输入框

上边文本输入框用于输入单行的文本内容，当用户需要在表单中输入大段文字时，需要用到文本输入域。

使用语法：<textarea rows="行数" cols="列数" placeholder="多行文本提示信息" >文本</textarea>

详细讲解：

1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。

2、cols：用于控制多行输入域的列数，rows ：用于控制多行输入域的行数。

3、placeholder：当我们的textarea内容为空的时候显示，用于提示输入框输入信息格式；

使用练习：我们创建一个新的表单，表单里边包含用户名和密码输入框和用户个人简介多行输入框。具体的代码如下图所示：

我们再网页中的显示效果就如下图所示：

好了，本篇文章就先给大家介绍这两个表单控件的语法以及使用，下篇文章我们将介绍下拉框、选择框、多选框的语法及使用，记得要多加练习才是王道。

每日金句：把每一件简单的事做好就是不简单；把每一件平凡的事做好就是不平凡。喜欢我的文章的小伙伴记得关注一下哦，每天将为你更新最新知识。

在线咨询

上一篇：微软宣布9月13日起IE和EdgeHTML开始禁用TLS 1.0/1.1
下一篇：未来产品运营将如何进行颠覆创新丨一场年度思想的狂欢

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

界面控件DevExpress WinForms v21.2：Data Grid - 全新的HTML模板

Data Grid

您的项目需求