Skip to main content

Process Input Grabed From TIScript in Golang

process golang input in sciter
process golang input in sciter
In the real-world scenario, you have to get input from the user via GUI and then have to pass it down to go code for the further process. For example, let's say you are just creating a simple to-do app which takes the input of task and then stores it in the SQLite table which is handled by go code. In that case, you have to take data from the user using HTML and sciter and then have to pass that data to go code.

Though the upper scenario is more real, we will go with a very simple example [ as still, we are in earlier stages ]. We will take two integer inputs from the user and then send those inputs to go function that will show the response given by code in the GUI over a label.

First Lets See a working demo 

Main goal of this post is to show you use of  ' view  ' in TIScript and ' DefineFunction ' function in GoLang File.

So let's see the GUI File First. 

GUI File

First of all we will setup our input elements to get integers (not float ! keep it simple ... very simple...)

<html>
    <head>       
        <style>          
        </style>
    </head>
    <body>
       <h1>Simple Input</h1>  
       <table>
           
           <tr>
               <td><label for="">Input1</label></td>
               <!-- We are defining that input of below input 
                    element has to be integer 
                    By the way if you insert no numeric values
                    then it will consider it as Zero [0] -->
               <td><input|integer #n1></td>               
           </tr>
           <tr>] 
                <td><label for="">Input2</label></td>
                <!-- Same as input #n1 -->
                <td><input|integer #n2></td>               
            </tr>
            <tr>
                <td>
                    <label for="">Sum</label>
                </td>
                <td>
                    <label for="" #sum></label>
                </td>               
            </tr>   
            <tr>
                <td> <button #btn1 >Get Sum Up</button></td>
            </tr>
       </table>          
...       
    </body>
</html>
Now, after setting up for input we have to grab those values and how to pass on to golang code where this inputs are going to be processed. So, we need TIScript for it.

<html>
    <head>       
        <style>          
        </style>
    </head>
    <body>
       <h1>Simple Input</h1>  
       <table>       
           <tr>
               <td><label for="">Input1</label></td>
               <!-- We are defining that input of below input 
                    element has to be integer 
                    By the way if you insert no numeric values
                    then it will consider it as Zero [0] -->
               <td><input|integer #n1></td>               
           </tr>
           <tr>] 
                <td><label for="">Input2</label></td>
                <!-- Same as input #n1 -->
                <td><input|integer #n2></td>               
            </tr>
            <tr>
                <td>
                    <label for="">Sum</label>
                </td>
                <td>
                    <label for="" #sum></label>
                </td>               
            </tr>   
            <tr>
                <td> <button #btn1 >Get Sum Up</button></td>
            </tr>
       </table>          
<script type="text/tiscript">
           // Get values of input when 
           // #btn1 get clicked 
           // passdown data to the gocodes Sum function binding
            event click $(#btn1){
             self#sum.text = view.Sum(self#n1.text, self#n2.text) 
           }
       </script>      
    </body>
</html>

Here " view " is most important thing that you need to understand. It's a glue between your golang code and TIScript. view is Sciters own element that helps you to communicate with golang code. To call a function defined in golang you need to use view.

For calling function defined in golang use view like view.[function-defined-on-golang]

Here is one restriction. 
You can not call any function defined in your gocode. You can call only those functions which are defined with your sciter window.

GoLang File 

Please read comments as well in the code.
main.go 

package main
import (
 "fmt"
 "github.com/fatih/color"
 "github.com/sciter-sdk/go-sciter"
 "github.com/sciter-sdk/go-sciter/window"
)
func main() {

 rect := sciter.NewRect(100, 100, 300, 300)
 window, _:= window.New(sciter.SW_MAIN|sciter.SW_CONTROLS|
                  sciter.SW_ENABLE_DEBUG, rect)
 window.LoadFile("./main.html")
 // Here First argument Sum is the name of the function by which
 // we can call the function defined in the second argument
 // While Second argument says which function to be called from 
 // golang program which is Sum that defined below.
  window.DefineFunction("Sum", Sum) 
 window.SetTitle("Simple Input")
 window.Show()
 window.Run()

}

// Sum is function that will be called when some calls "Sum" function 
// on TIScript. Becase we have Define Function "Sum" as Sum. [ See highlighted line in main function ]
// And Ya, function signature will be same for every function you want to call from
// TIScript
func Sum(vals ...*sciter.Value) *sciter.Value {
 sumval := 0
 for _, val := range vals {
  sumval += val.Int()
fmt.Println(val.Int())
 }
 return sciter.NewValue(sumval)
}

Here, In go program we have define Sum function which are calling from TIScript using view.Sum(*) inside script of HTML we have defined.

window.DefineFunction("Sum", Sum)

here ,
window is type of *window.Window which is responsible for our window creation on golang side.
DefineFunction is function helps to define function for that window. That means you can call go function defined with DefineFunction from TIScript.

So this function in formal way we describr like this

[window-variable-name].DefineFunction("f1",f2)

  • f1 = name you want to use at TIScript to call the function. [ means view.[function-name] ]
  • f2 = name of your go function you want to call [ It should have sciter compatible signature
  • sciter compatible function signature is  func name( vals... *sciter.Value) *sciter.Value ()

Output


Output


Gays, I have tried my best to explain window.DefineFunction. But, still I am not satisfied with what i have explained.
I don't know what is missing. If you find it please inform me.

Have a great Day!

😏

Comments

Popular posts from this blog

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth working. Necessary modules  mod_auth_basic

Firebase - update a spacific fields of single element of object of array in firestore

Firebase - update a spacific fields of single element of object of array in firestore  Its actully advisable to use map instead of array when ever it is possible. But, there are cetain cases where you don't have option to do so.  For example, you are directly saving the response from some outer source without any modification and they send you an array. In this case you will have array to work with. Firestore does not support array here is why  "bad things can happen if you have multiple clients all trying to update or delete array elements at specific indexes. In the past, Cloud Firestore addressed these issues by limiting what you can do with arrays " For more details information you can refer to Kato Richardson post Best Practices: Arrays in Firebase .  Firestore document having array [ used from stackoverflow question ] Suppose you have array of object something like shown in array. Now you want to update endTime field of the object on the index [1]

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb. Which is 15mb of go and other was the e