uniGUI之窗体Form相关设置

1.设置窗体高度

采用CSS样式:

.x-window-header-default-top{padding:10px 5px}

手动设置:

在这里插入图片描述

function window.beforeInit(sender, config)
{
  config.header={title:"fdsfdsf",height:50};
}

2.窗体去掉边框

在UniEvents中填写:

function window.beforeInit(sender, config)
{
   Ext.apply(sender,{border: false,baseCls: '',shadow: false,frame: false,maximizable: false,resizable: false});
}

该方法虽去掉了窗体的边框,但最大化时窗体整体向左上方移动了,导致最右侧流出一部分空白地方,暂没有找到方法解决

3.窗体自适应

将servermodule中的MainFormDisplayMode设置为mfPage

在这里插入图片描述

也可以通过手动设置窗体宽高

在窗体的OnScreenResize事件中填写:

procedure TfrmAddInfo.UniFormScreenResize(Sender: TObject; AWidth, AHeight: Integer);
begin
  Self.Width := UniApplication.ScreenWidth;
  Self.Height := UniApplication.ScreenHeight;
end;

4.增加tooltip

在uniForm的uniEvent属性中写入以下代码:

function window.OnBeforeInit(sender)
{
   Ext.apply (sender, {
      tools: [{ 
         type: 'pin',
         tooltip: 'tooltip of pin',
         handler: function(event, toolEl, panel){
            ajaxRequest(sender, 'tool', [ 'btn=pin' ] );
         }
      },{ 
         type: 'refresh',
         tooltip: 'tooltip of refresh',
         handler: function(event, toolEl, panel){
            ajaxRequest(sender, 'tool', [ 'btn=refresh' ] );
         }
      },{
         type: 'search', 
         tooltip: 'tooltip of search',
         handler: function(event, toolEl, panel){
            ajaxRequest(sender, 'tool', [ 'btn=search' ] );
         }
      },{ 
         type: 'save',
         tooltip: 'tooltip of save',
         handler: function(event, toolEl, panel){
            ajaxRequest(sender, 'tool', [ 'btn=save' ] );
         }
      }]   
   });
}

在uniForm的AjaxEven事件中:

procedure TMainForm.UniFormAjaxEvent(Sender: TComponent; EventName: string;
  Params: TStrings);
begin
  if EventName='tool' then
    ShowMessage('Button '+Params.Values['btn']+' pressed') 
end;

效果:
在这里插入图片描述

Unigui入门到精通》是一本介绍使用Unigui框架的书籍,Unigui是一种基于Delphi或者C++ Builder的Web开发框架,可以帮助开发人员快速构建Web应用程序。 这本书从入门到精通的过程中,首先介绍Unigui的基本概念和原理,包括如何安装和配置Unigui开发环境。然后,通过实际的案例和示例代码,展示了如何使用Unigui开发Web应用程序。 在入门阶段,读者将了解到Unigui的基本组件和控件,如窗体Form)、标签页(TabSheet)、按钮(Button)等,以及它们的属性和事件。通过对这些组件和控件的学习和实践,读者可以快速掌握Unigui的基本使用方法。 进入进阶阶段后,读者将学习如何使用Unigui进行数据交互和处理,如数据库操作、表单验证和数据展示等。同时,还会介绍一些高级技巧和调试方法,以帮助读者解决开发中遇到的难题。 在精通阶段,读者将学习如何优化和提升Unigui应用程序的性能和用户体验。这包括对前端界面的美化、数据的异步加载和缓存、后端代码的优化等方面的内容。通过深入理解Unigui的原理和机制,读者可以将自己的应用程序开发得更加高效和稳定。 总的来说,《Unigui入门到精通》是一本全面介绍Unigui开发的专业书籍,可以帮助读者从零开始,逐步掌握Unigui开发的各个方面。无论是初学者还是有一定经验的开发人员,都可以从中受益,并在实际项目中应用所学的知识。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值