How to set out property struct as text input in slint to rust

[MohaBeacon]

import { Button, VerticalBox, TextEdit } from "std-widgets.slint";

export struct Userdetails {
    name:string,
    pass:string
    
}

export component AppWindow inherits Window {
    in-out property<int> counter: 42;
    in-out property <Userdetails> userdetails;

    callback request-increase-value();
    VerticalBox {
        Text {
            text: "Username";
        }
        TextInput {
            input-type: text;
            edited(value) => {self.text  = root.userdetails.name};
        }
        Text{
            text: "Password";
        }
        TextInput {
            input-type: password;
            text : "\{userdetails.pass}";
        }
        Button {
            text: "Increase value";
            clicked => {
                root.request-increase-value();
            }
        }
    }
}

[ogoffart]

Not sure what you're asking for, but you should be able to do something like

let app = AppWindow::new().unwrap();
app.set_userdetails(Userdetails{ user: "foo".into(), pass: "bar".into() });
app.run().unwrap();

I haven't tried it locally, but it should work.
If it doesn't, let us know what error you face.

[MohaBeacon]

import { Button, VerticalBox, TextEdit } from "std-widgets.slint";


export component AppWindow inherits Window {
    in-out property<int> counter: 42;
    in-out property <string> username;
    in-out property <string> passwrd;


    callback request-increase-value();
    VerticalBox {
        Text {
            text: "Username";
        }
        TextInput {
            input-type: text;
            text <=> root.username;
        }
        Text{
            text: "Password";
        }
        TextInput {
            input-type: password;
            text <=> root.passwrd;
        }
        Button {
            text: "Increase value";
            clicked => {
                root.request-increase-value();
            }
        }
    }
}

appwindow.slint

slint::include_modules!();


#[derive(Debug)]
struct UserDetails{
    username:String,
    passwrd:String
}

fn main() -> Result<(), slint::PlatformError> {
    let ui = AppWindow::new()?;

    ui.on_request_increase_value({
        let ui_handle = ui.as_weak();
        move || {
            let ui = ui_handle.unwrap();
            ui.set_counter(ui.get_counter() + 1);
            let uservalue = UserDetails{
                username : ui.get_username().to_string(),
                passwrd : ui.get_passwrd().to_string()
            };
            println!("{:?}",uservalue);

        }
    });

    ui.run()
}

main.rs

I want to add struct in the slint side - and get username and password into main.rs.

[ogoffart]

You shouldn't re-declare the struct on the rust file, as it is already declared in the slint file.

[ogoffart]

I mean, the struct should be only declared on the slint file, and you can use it from the rust file.

[MohaBeacon]

import { Button, VerticalBox, TextEdit } from "std-widgets.slint";

export struct Userdetails {
name:string,
pass:string

}

export component AppWindow inherits Window {
in-out property counter: 42;
in-out property userdetails;

callback request-increase-value();
VerticalBox {
    Text {
        text: "Username";
    }
    TextInput {
        input-type: text;
        **edited(value) => {self.text  = root.userdetails.name};**
    }

edited(value) => {self.text = root.userdetails.name};
hightlighted region is showing error as parse error.

Trouble here is not about set_userdetails, but not able to get_userdetails from text input field - as userdetails.username cannot be assigned to text

[MohaBeacon]

I guess my question is related to two way bindings - as i need to use the struct field in both text and the call back